与表单的初次邂逅
现实生活中的表单是用来提交信息的,例如:办理银行卡填写的申请表、找工作填写的简历、入学时填写的个人信息表等。这些都是表单的一种。
网页中的表单是用来向服务器提交信息的,我们最常用的表单就是百度的搜索框。
- 使用
<form></form>
标签来创建一个表单form
标签中必须指定一个action
属性,该属性指向的是一个服务器的地址,当我们提交表单时将会提交到action
属性对应的地址。
使用form
标签创建的仅仅是一个空白的表单,我们还需要向form
中添加各种表单项。
例:
<fotm action="target.html">
用户名<input type="text" name="username"/>
<input type="submit">
</fotm>
- 使用
<input type="text"/>
来创建一个文本框
它的type
属性是text
。
例:<input type="text"/>
如果希望表单项中的数据被提交到服务器中,还需给表单项指定一个name
属性,以表示提交内容的名称。
例:<input type="text" name="username"/>
用户填写的信息会附在URL的最后,且以“查询字符串”的形式发送给服务器。
例:URL?查询字符串
查询字符串格式:属性名=属性值&属性名=属性值&属性名=属性值&属性名=属性值
在文本框中可以通过value
属性来指定文本框中的默认文字,即默认已经填入的文字。
- 使用
<input type="password"/>
来创建一个密码框
它的type
是password
。
密码框中输入的文本不会直接显示在屏幕上给用户看,以防被坏人看见。
- 使用
<input type="submit"/>
来创建一个提交按钮
它的type
属性是submit
。
例:<input type="submit"/>
在提交按钮中可以通过value
属性来指定按钮上的文字。
例:<input type="submit" value="注册">
如发现错误请联系我,谢谢你。
本文链接:http://ninefire.tk/HTML&CSS.basics/65.html