表单控件
发布于:2014-06-06 18:38
1.表单控件。
注意事项:1.所有的表单控件上,必须有<form>标签给框起来,否则控件的功能不
能实现。
2.单选按钮的name值相同的时候,系统才会把那几个单选按钮看为一
组。
文本框: <input type= " text " name=" 这个控件的名字 " value=" 显示的默
认值 "/>
密码框: <input type= " password " name = " 这个控件的名字 " value="
显示的默认值 "/>
重置按钮:<input type= " reset " name = " 这个控件的名字 " value=" 清空
"/>‘’
普通按钮:<input type=" button " name = " 这个控件的名字 " value=" 值
"/>
单选按钮:<input type=" radio" name = " 这个控件的名字 " />
复选按钮:<input type= " checkbox "name =" 这个控件的名字 "/>
提交按钮:<input type=" submit " name = " 这个控件的名字 "value=" 值 "
/>
文件提交按钮:<input type= " file " name =" 这个控件的名字 " />
图片提交按钮: <input type=" image " src= " 图片文件的路径 "name = " 这
个控件的名字 " />
-----------------------------------------------------------------------
-------------------------
课堂演示代码:
<form>
登录<input name="denglu" type="text" value="" />
密码<input name="mima" type="password" value="" />
<br/>
普通按钮<input type="button" name="" value="★"/>
<br/>
帅哥<input type="radio" name="danxuan" />
美女<input type="radio" name="danxuan" />
<br/>
<input type="submit" name="tijiao" value="点我提交~"/>
<br/>
<input type="file" name="tijiaowenjian" />
<input type="image" name="tupiantijiao" src=""/> <!-- Src里面
的放图片的路径-->
<br/>
如果写错了请点我<input type="reset" name="qingkong" value=" o(
∩_∩)o "/>
</form>
0
今日新帖
0
昨日新帖
9
帖子总数
HTML5 CSS3 JS 各种JS框架集干货合集~
Dreamweaver 2015-06-04 10:35
浓缩的精华!从零开始带你认识最新的图片格式WEBP
Dreamweaver 2015-11-18 08:56
经验之谈!前端工程师的简历到底要怎么写?
Dreamweaver 2015-11-20 17:39
进阶篇——什么时候应该避免写代码注释?
Dreamweaver 2015-11-30 15:25
不是我开玩笑,2018 年你还需要学习 JavaScript
Dreamweaver 2017-12-27 19:42
【干货】一名专业的前端开发工程师都能拿多少钱?
Dreamweaver 2018-09-07 14:59
暂无评论
回复:表单控件