说明:最近整理硬盘,发现好几篇自己以前学习web前端技术时所记录的笔记,觉得还是颇有价值的,因此打算陆续整理出来。
Input表示Form表单中的一种输入对象,其又随Type类型的不同而分文本输入框、密码输入框、单选/复选框、提交/重置按钮等,下面一一介绍。
1 type=text
输入类型是text,这是我们见的最多也是使用最多的,比如登陆输入用户名,注册输入电话号码,电子邮件,家庭住址等等。当然这也是Input的默认类型。
参数name:同样是表示的该文本输入框名称。
参数size:输入框的长度大小。
参数maxlength:输入框中允许输入字符的最大数。
参数value:输入框中的默认值
特殊参数readonly:表示该框中只能显示,不能添加修改。
2 type=password
不用我说,一看就明白的密码输入框,最大的区别就是当在此输入框输入信息时显示为保密字符。
参数和“type=text”相类似。
3 type=file
当你在BBS上传图片,在EMAIL中上传附件时一定少不了的东西:)
提供了一个文件目录输入的平台,参数有name,size。
4 type=hidden
非常值得注意的一个,通常称为隐藏域:如果一个非常重要的信息需要被提交到下一页,但又不能或者无法明示的时候。
一句话,你在页面中是看不到hidden在哪里。最有用的是hidden的值。
5 type=button
标准的windows风格的按钮,当然要让按钮跳转到某个页面上还需要加入写JavaScript代码
6 type=checkbox
多选框,常见于注册时选择爱好、性格、等信息。参数有name,value及特别参数checked(表示默认选择)
其实最重要的还是value值,提交到处理页的也就是value。(附:name值可以不一样,但不推荐。)
name值可以不一样,但不推荐<br>
7 type=radio
即单选框,出现在多选一的页面设定中。参数同样有name,value及特别参数checked.
不同于checkbox的是,name值一定要相同,否则就不能多选一。当然提交到处理页的也还是value值。
下面是name值不同的一个例子,就不能实现多选一的效果了<br>
8 type=image
比较另类的一个,自己看看效果吧,可以作为提交式图片
9 type=submitand type=reset
分别是“提交”和“重置”两按钮
submit主要功能是将Form中所有内容进行提交action页处理,reset则起个快速清空所有填写内容的功能
信息资料来源:
http://hi.baidu.com/hudiahcn/blog/item/0749e9dd125a02305982ddea.html
分享到:
相关推荐
Web前端学习笔记——HTML基础.docx
Web前端学习笔记:HTML5+CSS3+JavaScript.pdf
自己web前端的学习笔记,超详细,对于初学者用处很大,对于专业的前端开发来说,不建议下载,适用于后端开发参阅
Python学习笔记——输入input(),input()使用,两个练习。
——————————————————————————————————————————————
Python 笔记源码——内含python后端&机器学习等.zip Python 笔记源码——内含python后端&机器学习等.zip Python 笔记源码——内含python后端&机器学习等.zip Python 笔记源码——内含python后端&机器学习等.zip ...
web前端学习笔记以及代码
web前端基础知识学习笔记,内含有HTML、CSS、JavaScript的基础知识的总结,可以帮助大家学习
html+css前端学习笔记html+css前端学习笔记html+css前端学习笔记 html+css前端学习笔记html+css前端学习笔记html+css前端学习笔记 html+css前端学习笔记html+css前端学习笔记html+css前端学习笔记 html+css前端学习...
前端学习(五)——Javascript学习笔记(三)对象.xmind
前端学习笔记(精华总结).zip前端学习笔记(精华总结).zip前端学习笔记(精华总结).zip前端学习笔记(精华总结).zip前端学习笔记(精华总结).zip前端学习笔记(精华总结).zip前端学习笔记(精华总结).zip前端学习...
《Spring技术内幕》学习笔记1——IoC容器体系结构 《Spring技术内幕》学习笔记2——IoC定位Bean定义资源 《Spring技术内幕》学习笔记3——IoC容器载入Bean定义资源文件 《Spring技术内幕》学习笔记4——IoC容器...
web前端学习笔记.docx
此资源为我跟着B站up主【遇见狂神说】java系列视频中前端入门部分学习过程中所写 大部分和视频保持一致,有一些自己的理解和一些扩展的部分
Talend学习笔记2——mysql文件导入到HDFS
zigbee学习笔记2——添加自己的任务 网络层数据服务
Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门...
学习笔记之——基于pytorch的FSRCNN 把我的代码上传了,后续有更正会更新这个代码
前端学习笔记, html, css, js前端学习笔记, html, css, js前端学习笔记, html, css, js 前端学习笔记, html, css, js前端学习笔记, html, css, js前端学习笔记, html, css, js 前端学习笔记, html, css, js前端学习...