关于html中表单<form>标记的介绍
2017-03-09 23:42
330 查看
表单在Web网页中用以让访问者输入数据,当提交表单时,表单中输入的数据被打包传递给Web服务器端的程序以处理,从而使得Web服务器与用户之间具有交互功能。
首先我们来说说关于表单的工作机制,浏览器将用户在表单中输入的数据进行打包,并发送给服务器-->服务器接收数据并转由程序处理-->访问一个包含表单的页面,输入数据后,“提交”表单。
在HTML文档中,<form></form>标记对用来定义表单的开始和结束
在表单<form></form>之间嵌入各类表单控件标记(表单元素)——如文本输入框、列表框、单选按钮、提交按钮等——供用户输入信息数据
表单控件标记和表单<form>标记一起工作,共同发挥作用
<form>标记的重要属性
action属性:指定表单数据提交至何处
method属性:指定表单数据提交的方式
<form action=“url”method=“post”>
</form>
其中url是用户想要的地址
表单控件标记 <input> <select> <textarea>
1、<input>
<input>能够演变为表单中许多不同的元素,取决于type属性
type取值:
text(单行输入文本框)
submit(提交按钮)
password(密码输入文本框)
radio(单选按钮)
checkbox(复选框)
reset(复位按钮)
button(普通按钮)
<input type =“type值”name=“名称”/>
<input>输入文本框用来输入一行文本
<inputtype = “text”name=“名称”/>
type属性值为“text”的<input>标记在网页中创建一个单行文本框
结束标记写法:<input>是空元素
name属性:指定一个表单元素的名称
<input type =“text” name =“userName”></input>
<input>输入文本框的value属性
value属性:可以用来设置文本框的初始值
<input type =“text” name=“userName” value=“admin”/>
<input>提交按钮:创建一个用以提交表单的按钮
<inputtype=“submit” value=“提交”/>
type属性值:submit
value属性值:指定按钮上显示文字,不指定,浏览器采取默认显示
作用:点击提交按钮,浏览器将提交表单,打包的数据被提交至何处?表单<form>标记的action属性指定,数据提交的方式是由表单<form>标记的method属性指定
说一下method属性get和post的区别,一般get是不能将密码隐藏起来,意思就是提交密码用的是post!
首先我们来说说关于表单的工作机制,浏览器将用户在表单中输入的数据进行打包,并发送给服务器-->服务器接收数据并转由程序处理-->访问一个包含表单的页面,输入数据后,“提交”表单。
在HTML文档中,<form></form>标记对用来定义表单的开始和结束
在表单<form></form>之间嵌入各类表单控件标记(表单元素)——如文本输入框、列表框、单选按钮、提交按钮等——供用户输入信息数据
表单控件标记和表单<form>标记一起工作,共同发挥作用
<form>标记的重要属性
action属性:指定表单数据提交至何处
method属性:指定表单数据提交的方式
<form action=“url”method=“post”>
</form>
其中url是用户想要的地址
表单控件标记 <input> <select> <textarea>
1、<input>
<input>能够演变为表单中许多不同的元素,取决于type属性
type取值:
text(单行输入文本框)
submit(提交按钮)
password(密码输入文本框)
radio(单选按钮)
checkbox(复选框)
reset(复位按钮)
button(普通按钮)
<input type =“type值”name=“名称”/>
<input>输入文本框用来输入一行文本
<inputtype = “text”name=“名称”/>
type属性值为“text”的<input>标记在网页中创建一个单行文本框
结束标记写法:<input>是空元素
name属性:指定一个表单元素的名称
<input type =“text” name =“userName”></input>
<input>输入文本框的value属性
value属性:可以用来设置文本框的初始值
<input type =“text” name=“userName” value=“admin”/>
<input>提交按钮:创建一个用以提交表单的按钮
<inputtype=“submit” value=“提交”/>
type属性值:submit
value属性值:指定按钮上显示文字,不指定,浏览器采取默认显示
作用:点击提交按钮,浏览器将提交表单,打包的数据被提交至何处?表单<form>标记的action属性指定,数据提交的方式是由表单<form>标记的method属性指定
说一下method属性get和post的区别,一般get是不能将密码隐藏起来,意思就是提交密码用的是post!
相关文章推荐
- 关于HTML中表单输入标记<input>的radio与checkbox属性的值传递
- Html-4.结构标记和表单<form/>
- truts2中表单可以不用struts自带的<s:form>标签,直接用html的<form>标签能够提交数据到action
- <pre>标记、表格标记、html表单标记、插入Flash、框架技术
- 黑马程序员-html之表单组件<form>,下拉菜单<select>,文本域<textarea>
- Html form <select>下拉列表菜单与跳转菜单表单标签篇
- HTML< form >标签+CSS选择器介绍
- 关于 "Uncaught TypeError: Property 'submit' of object #<HTMLFormElement> is not a function" 的解决方案
- <html>form(表单)
- (12)html表单<form>之一
- HTML中<form>表单利用 post 提交与利用 get 提交时的区别
- HTML:添加<meta>标记说明内容的类型(文件的内容类型和编程用的字符类型)
- HTML标签天天练7--表单1<form>[text][password][radio]
- html几种列表介绍,<ol>,<ul>,<dl>,<nl>
- HTML基础___添加表单 <第七天>
- HTML基础___标记 <第一天>
- 关于标签<html:link>在URI后面传参数的问题
- HTML标签天天练7--表单4<form>[textarea]到此 表单学习结束
- HTML <form> 标签的 enctype 属性
- html标签:sub标记和sup标记<sub> 标签可定义下标文本。<sup> 可定义上标文本。