Form表单

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属性

在文本框内的提示语

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.form表单有什么作用?有哪些常用的input 标签,分别有什么作用? HTML 表单用于接收不同类型的用户输...
    大胡子歌歌阅读 912评论 0 1
  • 本人做php的,最近发现JS真的是博大精深啊,比PHP难.在HTML中,表单是由form元素来表示的,但是在jav...
    linfree阅读 2,201评论 3 17
  • 什么是FORM表单: 表单是用来提交资料、意见,规范流程执行过程的格式。表单在网页中主要负责数据采集功能。一个表单...
    PYFang阅读 1,153评论 0 0
  • 一.什么是< form>表单 格式: 作用:form表单一般用来收集用户的信息,并把信息传送到后台。 注意点:1....
    饥人谷_刘冲阅读 2,746评论 0 1
  • 1.动手 form 表单table 表格 2. <form>表单元素 1) 简述: 元素是块级元素,其开始标签和结...
    _Dot912阅读 2,042评论 2 8