美文网首页
Form表单

Form表单

作者: Zzzoecho | 来源:发表于2017-01-21 21:00 被阅读0次

Form简介

表单在网页中主要负责数据采集功能。可以将form标签内的内容提交到服务器。

1.Form标签属性

  • action=url 数据提交到后台的地址。它可以是一个URL地址(提交给程式)或一个电子邮件地址.
  • method=get或post。指明提交表单的HTTP方法。get方式主要用来向后台请求数据,而post常用来向后台上传数据。post方式可传输的数据量更大。get方式在安全性方面不如post。

2.其他重要标签

2.1 input标签。

<input type=' ' name=' '>
常用的input类型:

input类型 作 用
text 单行文本框
password 密码输入框(不会显示输入的字符)
checkbox 多选(同一组name属性必须一致)
radio 单选(同一组name属性必须一致)
file 上传文件, accept属性可以选择文件类型accept='image/png'——只能上传png文件)
hidden 隐藏域
buttom 普通按钮
submit 提交数据的按钮
reset 重置按钮

2.1 label标签。

<label for="abc">xxx</label>
<input id="abc" type="text" name="abc">

对输入框和密码框的文字说明。for属性对应input的id属性,当点击文字时可以定位到输入框。

2.2 textarea标签

<textarea id=" " name=" " cols="40" rows="10"></textarea>
cols 列数。rows 行数。

2.3 select标签

用于下拉栏,必须加上name属性。

<select name="car" id="car">
    <option value="sabo">萨博</option>
    <option value="fox">fox</option>
</select> 

2.4 placeholder属性

在文本框内的提示语

相关文章

网友评论

      本文标题:Form表单

      本文链接:https://www.haomeiwen.com/subject/qnlnbttx.html