HTML5-html-标签-day3-表单标签、字段集与区块划分、form标签

表单标签：

1.input类型：根据input和标签里的type属性控制显示类型

<input type="?">

1).文本框 <input type="text">

补充：提示文本<input type="text" placeholder="提示文本">

2).密码框<input type="password">

3).提交和重置按钮<input type="submit">

<input type="reset">

4).单选框 <input type="radio">

<input type="radio" name="sex">男

<input type="radio" name="sex">女

默认选中：checked

 5).复选框 <input type="checkbox" name=" " checked>

 6).其他按钮

a.<input type="button value="按钮文本">

<button>文本</button>

功能：提交跳转，配合form标签和action属性

 7).文件上传 <input type="file">

8).隐藏文本<input type="hidden"

9).图像按钮 <input type="image" src="图片路径">

默认为提交按钮，配合form标签和action属性

 10).优化：单选复选框后文本实现与控件相同效果

<input type="radio" name="sex" id="man"> <lable for="man>男</lable>

<input type="radio" name="sex" id="woman"><lable for="woman">女</lable>

11).扩展：只读，只允许看，不允许修改<input type="text" readonly>文本

禁用，禁止使用 <input type="button" disabled value="按钮”>

=====

2.字段集和字段集标题：区块划分，框选一个区域，添加一个边框：
<fieldset> <legend>标题</legend>

<input>

</fieldset>

 

 3.form标签

<form action="" method="" target=""></form>

1).action:实现跳转功能，配合提交按钮

2).target:_self：当前页面打开

               _blank：新的窗口打开

 

3).method:提交方法：get，明文提交

                                   post，密文提交