关于html中表单<form>标记的介绍

来源:互联网 发布:现状分析图 建筑 知乎 编辑:程序博客网 时间:2024/05/16 01:19
表单在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!







1 0
原创粉丝点击