讲课笔记2——表单标签

Posted 2020-09-01 Booo

表单元素都需要放置在 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>