前端学习:基础HTML和HTML5( 三 )



页面展示:
17、 使用单选框和复选框的 value 属性
提交表单时,所选项的值会发送给服务端 。`radio` 和 `checkbox` 的 `value` 属性值决定了发送到服务端的实际内容 。
例如:

这里有两个 `radio` 单选框 。当用户提交表单时,如果 `indoor` 选项被选中,表单数据会包含:`indoor-outdoor=indoor` 。也就是所选项的 `name` 和 `value` 属性值 。如果没有指明 `value` 属性值,则会使用默认值做为表单数据提交,也就是 `on` 。在这种情况下,如果用户选中 "indoor" 选项然后提交表单,表单数据则会包含 `indoor-outdoor=on` 。这样的表单数据看起来不够直观,因此最好将 `value` 属性值设置为一些有意义的内容 。
18、给单选按钮和复选框添加默认选中项
用 `checked` 属性把第一个复选框和单选按钮都设置为默认选中 。在一个 input 元素里面添加 `checked` 这个词,即可实现 。例:

19、下弹选择
name="a">
还有一种支持多选的下拉列表:
multiple="multiple" size="2">
123 124 125 1263 20、文本域

21、控件
file控件:
上传文件的方法:
#用于文件上传
隐藏域控件:
#隐藏域:网页上看不到,但是表单提交的时候数据会自动提交给服务器
22、 and

23、元素嵌套
【前端学习:基础HTML和HTML5】 `div` 元素也叫内容划分元素,是一个包裹其他元素的通用容器 。它也是 HTML 中出现频率最高的元素 。和其他普通元素一样,你可以用 `` 来标记一个 `div` 元素的开始,用 `` 来标记一个 `div` 元素的结束 。默认情况下,div会独占一行