Подробное объяснение новых атрибутов формы HTML5

В H5 форма может быть размещена в любом месте на странице, а затем указывается атрибут формы для элемента.

 <Form id = testform> <input type = text> </form> <textarea form = testform> </textarea>

В H4 форма подчинения форм

 <Form action = 1.jsp> </form>

Отправить всю форму

В H5 вы можете добавить страницу JSP, отправленную в каждый атрибут формы

 <Form action = 1.jsp> <input type = отправить Action = 1-1.jsp> отправить на 1 страницу </form> <input type = отправить Action = 1-2.jsp> Отправить на 2 страницу </form> <input type = отправить action = 1-3.jsp> отправить на 3 страницы </form> </form>

Вы можете указать метод отправки каждого элемента формы

 <Form action = 1.jsp> <input type = отправить action = 1-1.jsp formmethod = post> отправить на 1 страницу, метод отправки post </form> <input type = 1-2.jsp formmethod = get> отправить до 2 страниц, получите метод отправки </form> </form>

То же, что и выше, роль и каждый элемент, код немного

То же, что и выше, роль и каждый элемент, код немного

Добавьте атрибут AutoFocus в текстовое поле, поле выбора и управление кнопкой, и фокус будет автоматически получен при открытии экрана.

 <input type = text action = 1-3.jsp AutoFocus> отправить на 3 страницы </form>

На странице есть только один элемент управления, на котором есть свойство автофокусировки, которое нельзя злоупотреблять

Его можно использовать в большинстве входных элементов.

Можно добавить атрибут Labls ко всем элементам формы, значение атрибута - это объект Nodelist, который представляет собой набор элементов метки, связанных с элементом.

 <script type = text/javascript> window.onload = function () {var text = document.getelementbyid ('text'); ') ;; = function () {if (text.value.trim () ==) {//alert_labels.length) if (text.labels.length == 1) {var label = документ. label.setattribute (для, текст); Цвет: красный);}} else if (text.labels.length> 1) form.removeChild (text.labels [1]); Btn type = кнопка значение = проверка> </form>

Когда пользователь не вводит какое -либо значение, нажмите на проверку, и элемент метки будет добавлен в текстовое поле. Чтобы ввести имя

Вы можете разместить элемент блока таблицы внутри метки и получить доступ к элементу таблицы через свойство управления тегом.

 <script type = text/javascript> setValue () {console.log (1); <Label id = label> zip -код: <input id = txt_zip maxlength = 6> <small> Пожалуйста, введите 6 цифр </small> </label> <input type = button = установить значение по умолчанию oncliclk = setValue ()> < < /Form>

Откройте страницу в туристе, нажмите «Установить кнопку значения по умолчанию», и 231456 будет отображаться в текстовом поле.

Введите информацию о приглашении (серый), когда текстовое поле находится в состоянии выбора

 <input type = text palceholder = хахах>

В сочетании с новым даталистским элементом H5, коробкой для подсказки производства

 Текст: <input Type = Text name = Greeting List = Greetings> <!-Использование Style = Display: None; Люди </option> <valie value = Вы - свинья> Вы - свинья </option> <value value = вы собака> вы собака </option> </datalist>

Когда вы введете вас в текстовое поле, ниже будет три столбца, чтобы напомнить вам, что вы люди, вы свинья, вы собака.

Автозаполнение имеет три, выключенные (не указано). При указании используйте значение по умолчанию туриста. Метод использования следующим образом

 <input type = Text name = Greeting List = Greetings AutoCOMpletee = ON>

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

Это эквивалентно, соответствует ли входное значение суждения регулярного выражения в части HTML.

Пожалуйста, введите контент: <input type = text pattern = [0-9] [az] {3}>>

Этот сегмент кода требует ввода трех цифровых заглавных букв.

Для текстовых и текстовых элементов ввода, когда пользователь выбирает часть текста в этих двух элементах, вы можете использовать элемент, чтобы получить направление выбора.

 <script type = text/javascript> Function AlertselectionDirection () {var control = document.forms [0] ['text']; Text name = text> <input type = value = value = помните меня onclick = alertselectionDirection ()> </form>

Для флажества, в прошлом только статус выбора и нереализации.

 <Script> var cb = document.getElementById (CB);

• Высота: укажите высоту изображения в кнопке изображения;
• Ширина: укажите ширину изображения в кнопке изображения;

 <input type = image src = img/2.png ширина = 23 высота = 23>

• MaxLength: Настройка с использованием целочисленного значения для ограничения количества текста, который может быть введен в элемент TextAREA.
• Обертка: вы можете указать значение атрибута мягким и жестким. Полем

Приведенное выше содержимое этой статьи.