HTML学习 <7>
2015-10-30 10:44
405 查看
一、HTML表单
表单是一个包含表单元素的区域。
表单元素是允许用户在表单中(比如:文本域、下拉列表、单选框、复选框等)输入信息的元素。
表单使用表单标签<form>定义。
1.1、表单输入
多数情况下被用到的表单标签是输入标签<input>。输入类型是由类型属性(type)决定。
1.2、文本域(text fields)类型
<html>
<body>
<form>
姓:<input type="text" name="lastname" />
<br />
名:<input type="text" name="firstname" />
</form>
</body>
</html>
显示结果
1.3、单选按钮(radio buttons)类型
<form>
<input type="radio" name="male" value="male" />Male
<br />
<input type="radio" name="male" value="female" />Female
</form>
浏览器显示结果
1.4、复选框(checkboxes)类型
<form>
<input type="checkbox" name="apple" />Apple
<br />
<input type="checkbox" name="pear" />Pear
</form>
浏览器显示结果
1.5、表单动作属性(action)和确认按钮
<form action="http://www.baidu.com">
username:<input type="text" name="username" />
<input type="submit" />
</form>
浏览器显示结果
点击提交会跳转到百度
二、
表单是一个包含表单元素的区域。
表单元素是允许用户在表单中(比如:文本域、下拉列表、单选框、复选框等)输入信息的元素。
表单使用表单标签<form>定义。
1.1、表单输入
多数情况下被用到的表单标签是输入标签<input>。输入类型是由类型属性(type)决定。
1.2、文本域(text fields)类型
<html>
<body>
<form>
姓:<input type="text" name="lastname" />
<br />
名:<input type="text" name="firstname" />
</form>
</body>
</html>
显示结果
1.3、单选按钮(radio buttons)类型
<form>
<input type="radio" name="male" value="male" />Male
<br />
<input type="radio" name="male" value="female" />Female
</form>
浏览器显示结果
1.4、复选框(checkboxes)类型
<form>
<input type="checkbox" name="apple" />Apple
<br />
<input type="checkbox" name="pear" />Pear
</form>
浏览器显示结果
1.5、表单动作属性(action)和确认按钮
<form action="http://www.baidu.com">
username:<input type="text" name="username" />
<input type="submit" />
</form>
浏览器显示结果
点击提交会跳转到百度
二、
相关文章推荐
- SublimeText3 生成html标签快捷键
- HTML之Doctype
- html中点击导航跳转到本页面另一个地方,文本居中
- htmlUnit使用简介(爬虫)
- html 颜色代码表
- 使用正则表达式过滤HTML中标签
- 我的第一个html
- $().text() 和 $().html()
- html入门
- HTML中的base标签使用详解
- C# 将字符串转为ऩ这种的 html实体编码
- ibooks打开iframe引用的html文件乱码
- HTML学习 <6>
- [置顶] HTML抽屉效果的实现与展示
- HTML:form表单总结,input,select,option,textarea,label
- pdf转换为html格式的方法
- html 表单数据标签
- 写了一个HTML页面,想用手机打开怎么办?
- 个人笔记 html 02 手机网页固定宽度不被放大缩小
- 获取整个网页的html源码