手记

与浏览者交互,表单标签

1、<form>标签

语法:
<form   method="传送方式"   action="服务器文件">
讲解:
(1).<form> :<form>标签是成对出现的,以<form>开始,以</form>结束。
(2).action :浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。
(3).method : 数据传送的方式(get/post)。

注意:
1、所有表单控件(文本框、文本域、按钮、单选框、复选框等)都必须放在 <form></form> 标签之间(否则用户输入的信息可提交不到服务器上哦!)。
2、文本输入框、密码输入框、提交按钮、重置按钮
语法:

<input type="text/password/submit/reset" name="名称" value="文本" />

(1)、type:
当type="text"时,输入框为文本输入框;
当type="password"时, 输入框为密码输入框。
(2)、name:为文本框命名,以备后台程序ASP 、PHP使用。
(3)、value:为文本输入框设置默认值。(一般起到提示作用)
3、文本域,支持多行文本输入
语法:
<textarea rows="行数" cols="列数">文本</textarea>
4、使用单选框、复选框,让用户选择
语法:<input type="radio/checkbox" value="值" name="名称" checked="checked"/>
注意:同一组单选框name命名要一致。
5、使用下拉列表框,节省空间
语法:


<select multiple="multiple"(实现多选)>
<option value="音乐">音乐</option>
<option value="音乐" selected="selected"(默认选中)>音乐</option>
<option value="音乐">音乐</option>
</select>```
6、label标签
`<label for="控件id名称">`
注意:标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同。
0人推荐
随时随地看视频
慕课网APP