Изменение форматирования с HTML на CSS

#html #css #forms #input

#HTML #css #формы #ввод

Вопрос:

Мне интересно, как перейти от тегов в формате html к CSS. Html — это

Ball: <input type=text name=BL size=5 value=5>

CSS, который у меня есть до сих пор, это:

#info input[type=text]{}

Моей целью было бы как можно меньше html. Спасибо

1. Хорошо, то, что у вас есть, прекрасно. Было ли что-то, что вы действительно хотели сделать? Потому что ваш вопрос, безусловно, не передает никаких намерений.

2. Я думал, что ввод, имя, размер и значение можно задать с помощью CSS, и мне было интересно, как это сделать, но теперь я понимаю, что они не могут.

Ответ №1:

Не совсем уверен, какова ваша цель, но вы можете настроить ее следующим образом:

 <input type="text" class="inputfield" name="BL" size="5" value="5" />

И управляйте им с помощью CSS:

 .inputfield {
    border: 1px solid #000;
    font-family: Tahoma, Verdana, sans-serif;
    color: #ff0000;
    background: #c3c3c3;
    }

Ответ №2:

Единственным текущим атрибутом на входе, который вы могли бы заменить на CSS, будет size . Вместо этого вы должны использовать свойство CSS width .

 #info input[type=text]{
    width: 30px;
}

<input type="text" name="BL" value="5">

Хотя size и width не совсем одно и то же. size="5" размер ввода будет равен 5 символам. Ширина (обычно) измеряется в пикселях, но вы также можете использовать другие единицы измерения (em, %, pt, pc, мм, см, дюйм).

1. Я подумал, что на всякий случай упомяну (потому что то, что вы предложили, может ввести в заблуждение), что вы можете применять к элементам ввода гораздо больше атрибутов размера, чем с помощью css. В этом случае верно, что только размер может быть заменен стилем, но входные данные по-прежнему могут быть оформлены так же, как и большинство элементов html. Извините, если это было очевидно для всех остальных, ха-ха. Сначала я прочитал это так, как будто во всех случаях можно использовать только размер.

2. размер — это количество отображаемых слотов символов, а не ширина в случае ввода [type=text]

3. подождите, значит, width не может заменить size?

4. size может использоваться с точки зрения ширины символов выбранного шрифта. Преимущество (или недостаток, в зависимости от того, как вы на это смотрите) заключается в том, что пользователям, которые могли переопределить размер шрифта браузера по умолчанию, будет показано поле шириной в XX символов этого размера. Когда width указано в CSS, это не всегда так. Это более определенное свойство.