继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

与浏览者交互,表单标签

GL明
关注TA
已关注
手记 4
粉丝 1
获赞 20

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 属性值一定要相同。
打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP