HTML中的表单元素
2016-06-05 22:15
351 查看
直接给个例子吧,这样比较直观:
显示结果如下:
<form action="http://www.baidu.com" method="get"> 单行文本框:<input id="textfield" name="textfield" type="text"/><br/> 不能编辑的文本框:<input id="textfield1" name="textfield1" type="text" readonly="readonly"/><br/> 密码输入框:<input id="password" name="password" type="password"/><br/> 隐藏域:<input id="hidden" name="hidden" type="hidden"/><br/> 第一组单选框: <input id="color1" name="color" type="radio" value="red">红色</input> <input id="color2" name="color" type="radio" value="green">绿色</input> <input id="color3" name="color" type="radio" value="yellow">黄色</input><br/> 定义复选框: <input id="fruit1" name="fruit" type="checkbox" value="apple">苹果</input> <input id="fruit2" name="fruit" type="checkbox" value="orange">橘子</input> <input id="fruit3" name="fruit" type="checkbox" value="banana">香蕉</input><br/> 文件上传域: <input id="file" name="file" type="file"/><br/> 图像域: <input type="image" src="images/img.jpg" alt="图片"/><br/> 按钮 <input id="submit" name="submit" type="submit" value="提交"/> <input id="submit1" name="submit1" type="submit" value="提交" disabled="disabled"/> <input id="reset" name="reset" type="reset" value="重置"/> <input id="button" name="button" type="button" value="按钮"/> </form>
显示结果如下:
相关文章推荐
- 在Windows 8.1的IE 11中屏蔽双击放大功能
- HTML5调用摄像头实例
- Apple官网研究之使用Justify布局导航
- 关于前端的思考与感悟
- 在线用表单建立文件夹
- 通过Mootools 1.2来操纵HTML DOM元素
- jQuery Html控件基本操作(日常收集整理)
- WEB标准网页布局中尽量不要使用的HTML标签
- Jquery 表单取值赋值的一些基本操作
- Flash 与 html 的一些实用技巧
- html工作中表格<tbody>标签的使用技巧
- HTML 向 XHTML1.0 兼容性指导
- C#自写的一个HTML解析类(类似XElement语法)
- 没有文件大小限制并免费的PDF到HTML转换工具
- JavaScript与HTML结合的基本使用方法整理
- Ruby编写HTML脚本替换小程序的实例分享
- css实现气泡框效果(实例加图解)
- html链接与文本标签们
- html活用软字符连接符