表单的高级应用，标注及初入CSS

1.表单的高级应用

 

（1）隐藏域

<input type="hidden" name="hideName" value="666">

隐藏域的作用 需要把数据的名称hideName和值666传给后台， 但是不想让用户在页面上看到，只是单纯的想发送一段数据

如想看到，可以右击有一个检查或者F12，可以看到有写的代码。

（2）只读和禁用

只读

readonly 是只读属性 作用是只是让用户看到 但是并不想让用户修改

        <input type="text" name="user" value="张三" readonly>

禁用

     disabled 禁用属性 目的是把按钮原来功能禁用掉 

使用场景：比如用户还没有把表单的内容填写好，就先把提交按钮禁用， 通过javascript判断用户把表单内容输入完毕了，再把禁用属性去掉

        <input type="submit" value="提交" disabled>

 2.表单元素的标注

作用：1.增强鼠标的可用性

           2.自动将焦点转移到与该标注相关的表单元素上

 input的id的值 要和label的for的值 保持一致 

 label标注标签 行内元素

例：<input type="radio" name="a" id="man