首页 > 代码库 > 讲课笔记2——表单标签
讲课笔记2——表单标签
表单元素都需要放置在 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="http://www.mamicode.com/大卫" readonly disabled /> //
*************************************************************
单选按钮的属性:
checked: 默认选中的
name:当name属性值设置为一样的时候,才能实现单选效果【互斥】
当提交数据的时候,如果单选按钮为选中状态,则传递的数据是on,如果想把选中的值传递过去,则在input标签里面写上对应的选中的value中
性别: <input id="man" type="radio" name="sex" value="http://www.mamicode.com/男" checked />
<label for="man">男</label>
<input id="woman" type="radio" name="sex" value="http://www.mamicode.com/女" />
<label for="woman">女</label>
*************************************************************
selected: 选中某一列表项
传递到后台的选中值也是对应的每个列表项的value值,如果没有设置value值,则默认的value值就是option中间的内容
籍贯:
<select name="select">
<option>北京</option>
<option selected value="http://www.mamicode.com/沪" >上海</option>
<option>广州</option>
<option>深圳</option>
</select>
居住地:
<select>
<optgroup label="北京市"></optgroup>
<option>朝阳</option>
<option>海淀</option>
<option>石景山</option>
<optgroup label="江西"></optgroup>
<option>赣州</option>
<option>南昌</option>
</select>
讲课笔记2——表单标签