简单介绍 HTML 表单的用法

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

form表单的作用是:将表单内的内容提交到服务器。

常见input标签及其作用:
text 单行文本框
password 密码框
checkbox 多选组件
radio 单选组件
file 上传文件
hidden 隐藏组件
submit 提交数据按钮
bottom 普通按钮

input一定要放在form标签内部,那样提交的时候才能将这个input里的信息提交,否则会忽略这个元素。

2.post 和 get 方式的区别?

区别一:get是从服务器上获取数据,post是向服务器传送数据。
区别二:使用get方法,表单数据在页面地址栏中是可见的;使用post方法时,表单数据在页面地址栏中是不可见的。而POST不会,所以POST具有更好的保密性。
区别三:get传送的数据量较小,不能大于2KB。post传送的数据量较大,一般被默认为不受限制。

3. 在input里,name有什么作用

<code><input type="text" name="username"></code>
比如上面代码,name是username。
我们可以在服务器端根据其Name通过Request.Params取得元素提交的值。

补充:到底元素的ID和Name有什么区别阿?

为什么有了ID还要有Name呢?! 而同样我们也可以得到最classical的答案:ID就像是一个人的身份证号码,而Name就像是他的名字,ID显然是唯一的,而Name是可以重复的。

4、radio(单选) 如何分组?

<code><input type="radio" name="sex" value=“man">男<input type="radio" name="sex" value="woman">女</code>
<input type="radio" name="sex" value="woman">女</code>

同一个name(这里都是sex)为同一组。

5.placeholder属性有什么作用

该提示会在用户输入值之前显示在输入字段中,通俗点说就是告诉你输入些什么东西,比如用户名,密码

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

<code><input type="hidden" name="" value=""></code>

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

简单说来,就是后台能看到,用户看不到,可用于检测数据是否正确。

7、一篇博客简单介绍 HTML 表单的用法,附上博客链接

博客链接

8、实现如下表单,附上预览地址。其中性别和取向是单选,爱好是多选

task5github
task5JSBin

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

推荐阅读更多精彩内容