表单元素介绍

<input>标签

        1）输入类型：text  

基本语法

    <input type=”text” value=”” />

功能

        定义单行的输入字段，用户可在其中输入文本。默认宽度为 20 个字符。

1、添加一个文本输入框
        <input type=”text” value=”小李” name=”xingming” />

    2、type 属性
        type 属性规定 input 元素的类型

    3、value 属性
        规定 input 元素中的默认值。

    4、name 属性
        规定 input 元素的名称，
        用于对提交到服务器后的表单数据进行标识。

输入类型：password

基本语法
    <input type=”password” name=”mima” />
功能

        定义密码字段。该字段中的字符被掩码。

1、添加一个密码输入框

        <input type=”password” value=”123456” name=”mima” />

 

    2、type 属性

        type 属性规定 input 元素的类型

 

    3、value 属性 

            规定 input 元素中的默认值。

 

     4、name 属性

            规定 input 元素的名称，

            用于对提交到服务器后的表单数据进行标识。

单选按钮 radio

基本语法
    <input type=”radio” name=”sex’ value=”男” />男
    <input type=”radio” name=”sex’ value=”女” />女
功能

    定义单选按钮。单选按钮允许用户选取给定数目的选择中的一个选项。

 

    注：单选按钮 radio，必须有name 属性并且 name 必须保持一致。

 1、添加一个单选按钮
    <input type=”radio” value=”男” name=”sex” checked=”checked” />男
    <input type=”radio” value=”女” name=”sex” />女
    2、checked属性
             规定此 input 元素首次加载时默认选中。

    3、name 属性
            规定 input 元素的名称，用于对提交到服务器后的表单数据进行标识。
            单选按钮必须有name 属性并且 name 必须保持一致。

1、添加多个复选框

            <input type="checkbox" name="hobbey" checked="checked" />足球
            <input type="checkbox" name="hobbey" />篮球
            <input type="checkbox" name="hobbey" />羽毛球
            <input type="checkbox" name="hobbey" checked="checked" />乒乓球

    2、checked属性
            规定此 input 元素首次加载时默认选中。

    3、name 属性
            规定 input 元素的名称，用于对提交到服务器后的表单数据进行标识。
            复选必须有name 属性并且 name 必须保持一致。