饥人谷技术博客Web前端之路让前端飞

HTML表单的用法

2017-03-06  本文已影响92人  徐国军_plus

1、form表单有什么作用??有哪些常用的input 标签,分别有什么作用?

form表单的作用是把用户输入的数据提交到后台;

<input name="username" type="text"> 用于输入文本信息
<input name="password" type="password"> 用于输入密码,输入的内容显示为圆点
<input name="sex" type="radio"> 单选框
<input name="hobby" type="checkbox"> 复选框
<input name="" type="hidden"> 隐藏域,用户看不到,用于暂存数据,或者安全性校验
<input type="submit" /> 提交输入
<input type="reset" value="Reset" /> 重置输入

2、post 和 get 方式的区别?

3、在input里,name 有什么作用?

name 属性用于对提交到服务器后的表单数据进行标识,只有设置了 name 属性的表单元素才能在提交表单时传递它们的值。

4、radio 如何分组?

通过name属性值的不同分组,同一组的name必须相同

5、placeholder 属性有什么作用?

在文本框中显示提示语。

6、type=hidden隐藏域有什么作用? 举例说明

隐藏域是用来收集或发送信息的不可见元素,对于网页的访问者来说,隐藏域是看不见的。当表单被提交时,隐藏域就会将信息用你设置时定义的名称和值发送到服务器上。

代码格式:

<input type="hidden" name="..." value="...">
属性解释:

type=”hidden”定义隐藏域;

name属性定义隐藏域的名称,要保证数据的准确采集,必须定义一个独一无二的名称;

value属性定义隐藏域的值

例如:

<input type=”hidden” name=”ExPws” value=”dd”>
其实说白了就隐藏域不在前台显视的,跟表单的元素一样.有名字有数值,只是在提交数据是不可见的

隐藏域的作用:

上一篇下一篇

猜你喜欢

热点阅读