与表单的初次邂逅

Author Avatar
Ninefire 6月 06, 2018
  • 在其它设备中阅读本文章

现实生活中的表单是用来提交信息的,例如:办理银行卡填写的申请表、找工作填写的简历、入学时填写的个人信息表等。这些都是表单的一种。

网页中的表单是用来向服务器提交信息的,我们最常用的表单就是百度的搜索框。

  • 使用<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"/>来创建一个密码框
    它的typepassword
    密码框中输入的文本不会直接显示在屏幕上给用户看,以防被坏人看见。
  • 使用<input type="submit"/>来创建一个提交按钮
    它的type属性是submit
    例:<input type="submit"/>

在提交按钮中可以通过value属性来指定按钮上的文字。
例:<input type="submit" value="注册">

如发现错误请联系我,谢谢你。
本文链接:http://ninefire.tk/HTML&CSS.basics/65.html