学习笔记HTML基础2

接续上一篇，继续记录html的基础标签。

1. <form>表单标签
定义一个用户采集数据的范围，用于采集用户输入的数据，和服务端进行交互。
属性：action:指定提交数据的url。
method:指定提交方式。
注意：表单中的数据要想被提交，必须指定其name属性。

2. <input>表单项标签
可以通过type属性值改变其元素展示的样式。下面说说type的几种属性值。
*text :文本输入框
      placeholder:指定输入框提示信息。
*password:密码
*radio:单选框
1.要想多个单选框实现单选的效果，多个单选框的name属性值必须一致。
2.一般会给每个单选框提供value属性，指定其被选中后提交的值。
3.checked属性指定默认值。
*checkbox :复选框
1.复选框一般也需要提供value属性，指定其被选中后提交的值。
2.checked属性指定默认值。
小提示:label标签：指定输入项的文字描述信息
         label的for属性一般会和input的
         id属性值对应，如果对应了，则点击label区域，会让input          输入框获取焦点。

    <label for="userName" > 用户名：</label><input type="text" id="userName" name="username" placeholder="请输入用户名"><br>
    <label for="passwordid" > 密码：</label><input type="password"  id="passwordid" name="password" placeholder="请输入密码"><br>
    性别：<input type="radio" value="0"  name="gender" >男
          <input type="radio"  name="gender" value="1" checked="checked">女<br>
    爱好：<input type="checkbox"  name="hobby" value="shopping">逛街
          <input type="checkbox" name="hobby" value="game" checked>打游戏
          <input type="checkbox" name="hobby" value="food">美食<br>

*button:按钮
*submit: 提交表单内容的按钮
*image: 提交表单内容的图片按钮

    <input type="submit" value="提交"><br>
    <input type="button" value="普通按钮"><br>
    <input type="image" src="./2.png" width="40px" height="40px"><br>

3. select:下拉列表

省份：<select name="provicen">
            <option value="0">请选择</option>
            <option value="1">北京</option>
            <option value="2">上海</option>
            <option value="3">广东</option>
            <option value="4">深圳</option>
          </select>

4. textarea：文本域

说明：<textarea cols="20" rows="5"></textarea>