Правильно ли использовать тег при создании формы в HTML? - PullRequest
Новая
       10

Правильно ли использовать тег при создании формы в HTML?

0 голосов
/ 15 мая 2011

Английский не мой родной язык, поэтому я немного растерялся, когда вижу такие теги, как ...

форма , ввод , текстовая область , выбор , fieldset , метка и т.д ..

Можете ли вы просветить меня и сказать, когда, почему и как использовать эти теги для создания HTML-формы. Это больше похоже на вопрос SEO даже ... Вы знаете, вы могли бы написать как: 

<form ...>
  <p><input type="text" /></p>
  <p><input type="password" /></p>
  <p><button>I Won't Bite!</button></p>
</form>

Но Google не будет счастлив, и я на 100% уверен, что это тоже не будет правильно. Да, это сработало бы, потому что вы можете настроить свои теги так, чтобы они действовали как что-либо с помощью CSS, но это все еще не правильно ... Просветите меня, хорошие люди!

Ответы [ 3 ]

1 голос
/ 15 мая 2011 
 <form action="W" method="X"></form>

HTML-формы - это фрагменты кода, которые можно использовать в различных функциях. Чаще всего используется для отправки данных на другую страницу с использованием метода GET или POST.

Значение действия формы W будет заменено URL-адресом сценария обработки. Значение метода формы X будет заменено на GET или POST. 

<input type="text" />

Текстовое поле для ввода данных от пользователя. 

<input type="password" />

Поле пароля само по себе скрывает только текст на экране пользователя. Надежная связь между браузером и сервером - отдельное дело 

 <textarea>

Это помещает текст в одну строку до нажатия клавиши ввода

Тег <select> используется для создания списка выбора (раскрывающийся список).

Теги <option> внутри элемента select определяют доступные опции в списке. 

<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

Тег <fieldset> используется для логической группировки элементов в форме. Тег <fieldset> рисует рамку вокруг связанных элементов формы. 

  <fieldset>
    <legend>Personalia:</legend>
    Name: <input type="text" size="30" /><br />
    Email: <input type="text" size="30" /><br />
    Date of birth: <input type="text" size="10" />
  </fieldset>

Тег <label> определяет метку для элемента ввода. 

  <label for="male">Male</label>
1 голос
/ 15 мая 2011

Я думаю, что ссылка, которую вы ищете, является спецификацией HTML для элемента <form> .

Если вы не уверены, что ваша разметка семантически действительна, вы можете проверить ее с помощью W3C Makrup Validator , но, как правило, не стоит делать вашу разметку 100% действительной & mdash; Гораздо важнее создать страницу, которая выглядит и работает разумно согласованно во всех браузерах.

Что касается SEO, то на SO уже есть тонна соответствующих вопросов , например Каков наилучший способ структурирования HTML-документа для SEO и доступности?

0 голосов
/ 15 мая 2011

SEO - для оптимизации контента, чтобы поисковые системы могли находить важные ключевые слова в контенте.Нет никакой реальной ценности в оптимизации форм, потому что это просто разметка для определения полей ввода для пользователя.Форма предназначена для размещения данных на сервере.Я думаю, что многие поисковые системы даже пропускают формы.

...