html 示例表单标记

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html 示例表单标记相关的知识,希望对你有一定的参考价值。

<form id="myForm" action="#" method="post">

  <div>
    <label for="name">Text Input:</label>
    <input type="text" name="name" id="name" value="" tabindex="1">
  </div>

  <div>
    <h4>Radio Button Choice</h4>

    <label for="radio-choice-1">Choice 1</label>
    <input type="radio" name="radio-choice" id="radio-choice-1" tabindex="2" value="choice-1">

    <label for="radio-choice-2">Choice 2</label>
    <input type="radio" name="radio-choice" id="radio-choice-2" tabindex="3" value="choice-2">
  </div>

  <div>
    <label for="select-choice">Select Dropdown Choice:</label>
    <select name="select-choice" id="select-choice">
      <option value="Choice 1">Choice 1</option>
      <option value="Choice 2">Choice 2</option>
      <option value="Choice 3">Choice 3</option>
    </select>
  </div>
	
  <div>
    <label for="textarea">Textarea:</label>
    <textarea cols="40" rows="8" name="textarea" id="textarea"></textarea>
  </div>
	
  <div>
    <label for="checkbox">Checkbox:</label>
    <input type="checkbox" name="checkbox">
  </div>

  <div>
    <input type="submit" value="Submit">
  </div>

</form>

以上是关于html 示例表单标记的主要内容,如果未能解决你的问题,请参考以下文章

css Hubspot:表单CSS选择器和示例HTML标记http://designers.hubspot.com/docs/cos/hubspot-form-markup

html 样本表单标记 - 整个表单

HTML 表单只读 SELECT 标记/输入

HTML 表单只读 SELECT 标记/输入

Html5之基础-9 HTML表单其他控件其他常用标记

Angular 指令 novalidate 在表单 html 标记中的用途是啥