首页 > 代码库 > 讲课笔记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——表单标签