html表单项标签

通过type属性控制输入格式

text：默认值，定义输入字段
password：定义加密字段
radio：定义单选按钮
checkbook：定义多选按钮
hidden：定义隐藏输入字段
submit：定义体检按钮
rest：定义重置按钮
button：定义一个可点击的按钮

<form action="#" method="post">
<!--   <label>标签为<input>元素定义标签是其关联 ,通过for指向id进行关联    -->
        <label for="usename">用户名</label>
        <input type="text" name="usename" id="usename">
        <br>
        <label for="password">密码</label>
        <input type="password" name="password" id="password">
        <br>
        
<!--  name属性设置成一致可防止复选  -->
        性别:
        <input type="radio" name="gebder" value="1" id="male"><label for="male">男</label>
        <input type="radio" name="gebder" value="0" id="female"><label for="female">女</label>
        <br>
        
        爱好:
        <input type="checkbox" name="hobby" value="1"> 旅游
        <input type="checkbox" name="hobby" value="2"> 电影
        <input type="checkbox" name="hobby" value="3"> 游戏
        <br>
        
<!--选择传输文件 -->
        头像:
        <input type="file"><br>
        城市:
        <select name="city">
            <option>北京</option>
            <option value="shanghai">上海</option>
            <option>广州</option>
        </select>
        <br>

        个人描述：
        <br>
        <textarea cols="20" rows="5" name="desc"></textarea><br>

        <input type="submit" value="注册">
        <input type="reset" value="重置">
        <input type="button" value="一个按钮">


    </form>

以上标签项的内容要想提交，必须得定义 name 属性。
每一个标签都有id属性，id属性值是唯一的标识。
单选框、复选框、下拉列表需要使用value 属性指定提交的值。

select：定义下拉列表， 定义列表项
textarea：文本域
如下图就是文本域效果。它可以输入多行文本，而 input 数据框只能输入一行文本

		城市:
        <select name="city">
            <option>北京</option>
            <option value="shanghai">上海</option>
            <option>广州</option>
        </select>
        <br>
        个人描述：
        <br>
        <textarea cols="20" rows="5" name="desc"></textarea><br>