美文网首页
HTML 表单的用法

HTML 表单的用法

作者: 饥人谷_菠萝 | 来源:发表于2017-02-28 22:44 被阅读0次

    HTML 表单用于搜集不同类型的用户输入。
    表单是一个包含表单元素的区域。
    表单元素是允许用户在表单中输入内容,比如:文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。
    表单使用表单标签 <form> 来设置:
    <form> hello world... </form>

    多数情况下被用到的表单标签是输入标签(<input>)。
    输入类型是由类型属性(type)定义的。大多数经常被用到的输入类型如下:

    文本域(Text Fields)

    <form action=""> name: <input type="text" name="username"> password: <input type="text" name="password"> </form>

    密码字段

    <form> Password: <input type="password" name="pwd"> </form>

    单选按钮(Radio Buttons)

    <form>
    <input type="radio" name="sex" value="man">boy
    <input type="radio" name="sex" value="man">girl
    </form>
    ```
    ####复选框(Checkboxes)
    ```
    <form>
    <input type="checkbox" name="game" value="lol">I like lol<br>
    <input type="checkbox" name="game" value="dota">I like dota 
    </form>
    ```
    ####提交按钮(Submit Button)
    ```
    <form name="input" action="html_form_action.php" method="get">
    Username: <input type="text" name="user">
    <input type="submit" value="Submit">
    </form>
    ```
    ####HTML 表单标签
    ```
    [<form>]
    定义供用户输入的表单
    
    [<input>]
    定义输入域
    
    [<textarea>]
    定义文本域 (一个多行的输入控件)
    
    [<label>]
    定义了 <input> 元素的标签,一般为输入标题
    
    [<fieldset>]
    定义了一组相关的表单元素,并使用外框包含起来
    
    [<legend>]
    定义了 <fieldset> 元素的标题
    
    [<select>]
    定义了下拉选项列表
    
    [<optgroup>]
    定义选项组
    
    [<option>]
    定义下拉列表中的选项
    
    [<button>]
    定义一个点击按钮
    
    [<datalist>](HTML5新标签)
    指定一个预先定义的输入控件选项列表
    
    [<keygen>](HTML5新标签)
    定义了表单的密钥对生成器字段
    
    [<output>](HTML5新标签)
    定义一个计算结果
    ```

    相关文章

      网友评论

          本文标题:HTML 表单的用法

          本文链接:https://www.haomeiwen.com/subject/jrpfgttx.html