HTML5快速上手之12:与表单(form)有关的基本指令
2016-10-09 17:31
381 查看
1.代码:
<!DOCTYPE html>
<html>
<head>
<title>文档标题</title>
</head>
<body>
此处为文本内容.......
<!-- 以下是与表单(form)有关的指令 -->
<form action="demo_form.php" method="post/get">
<input type="text" name="email" size="40" maxlength="50">
<input type="password">
<input type="checkbox" checked="checked">
<input type="radio" checked="checked">
<input type="submit" value="Send">
<input type="reset">
<input type="hidden">
<select>
<option>苹果</option>
<option selected="selected">香蕉</option>
<option>樱桃</option>
</select>
<textarea name="comment" rows="60" cols="20"></textarea>
</form>
</body>
</html>
2.结果:
<!DOCTYPE html>
<html>
<head>
<title>文档标题</title>
</head>
<body>
此处为文本内容.......
<!-- 以下是与表单(form)有关的指令 -->
<form action="demo_form.php" method="post/get">
<input type="text" name="email" size="40" maxlength="50">
<input type="password">
<input type="checkbox" checked="checked">
<input type="radio" checked="checked">
<input type="submit" value="Send">
<input type="reset">
<input type="hidden">
<select>
<option>苹果</option>
<option selected="selected">香蕉</option>
<option>樱桃</option>
</select>
<textarea name="comment" rows="60" cols="20"></textarea>
</form>
</body>
</html>
2.结果:
相关文章推荐
- HTML5快速上手之3:与文本格式有关的基本指令
- HTML5快速上手之9:与定义列表有关的基本指令
- HTML5快速上手之4:与超链接有关的基本指令
- HTML5快速上手之6:与style及section有关的基本指令
- HTML5快速上手之11:与框架(iframe)有关的基本指令
- HTML5快速上手之1:与表头有关的基本指令
- HTML5快速上手之7:与无序列表有关的基本指令
- HTML5快速上手之10:与表格有关的基本指令
- HTML5快速上手之5:与图片有关的基本指令
- HTML5快速上手之2:与标签有关的基本指令
- [html5入门-12]html布局中form表单的简单用法和常用属性设置
- Jquery基本知识快速上手
- 使用 AForm 快速开发高度复用的表单
- 【HTML5初探之form标签】解放表单验证、增加文件上传、集成拖放
- 非常好的HTML5 Form表单示例
- 跟KingDZ学HTML5之十二 HTML5 Form 表单元素新增属性
- 【HTML5初探之form标签】解放表单验证、增加文件上传、集成拖放
- 有关onsubmit return false 阻止form表单提交:js
- 跟KingDZ学HTML5之十二 HTML5 Form 表单元素新增属性
- HTML5 经量级框架 jQuery Mobile Form 表单 - 7.7