表单元素都需要放置在 form 标签里面,才能实现表单的功能;
表单的属性:
action:需要将信息提交到什么地方(服务器,php文件)
method:往服务器提交数据(填写的信息)的方式,有get,post(常用)两种。
get提交数据方式会在地址栏暴露用户信息,不安全,一般不使用get提交方式;
post提交方式安全,不会暴露用户信息。
// <form action="1.php" method="post"> //
*************************************************************
控件的状态
readonly: 只读(只能看数据,不能修改数据),属性值就是readonly
disabled:不可用的(控件变为灰色),属性值就是disabled
*************************************************************
文本框的属性:
placeholder : 占位符(文本框里面的提示文字)
maxlength : 输入的最大长度
value: 设置文本框的默认值
// <input type="text" name="username" placeholder="请输入用户名" maxlength="6" value="大卫" readonly disabled /> //
*************************************************************
单选按钮的属性:
checked: 默认选中的
name:当name属性值设置为一样的时候,才能实现单选效果【互斥】
当提交数据的时候,如果单选按钮为选中状态,则传递的数据是on,如果想把选中的值传递过去,则在input标签里面写上对应的选中的value中
性别:
<input id="man" type="radio" name="sex" value="男" checked /> <label for="man">男</label> <input id="woman" type="radio" name="sex" value="女" /> <label for="woman">女</label>
*************************************************************
selected: 选中某一列表项
传递到后台的选中值也是对应的每个列表项的value值,如果没有设置value值,则默认的value值就是option中间的内容
籍贯: <select name="select"> <option>北京</option> <option selected value="沪" >上海</option> <option>广州</option> <option>深圳</option> </select>
居住地: <select> <optgroup label="北京市"></optgroup> <option>朝阳</option> <option>海淀</option> <option>石景山</option> <optgroup label="江西"></optgroup> <option>赣州</option> <option>南昌</option> </select>