HTML简单表单制作
2015-11-04 09:24
423 查看
<html>
<head>
<title>简单表单制作</title>
<body>
<form action="http://www.baidu.com" method="get">
用户名：<input type="text" name="txtname" /><br/>
密码： <input type="password" name="txtpwd"/><br/>
<input type="submit" value="提交到百度" style="background:green;color:white " />
<input type="reset" value="清空"/> <br/>
<fieldset>
<legend>性别</legend><br/>
<input type="radio" name="sex"/>男<br/>
<input type="radio" name="sex"/>女<br/>
</fieldset>
<fieldset>
<legend>婚姻状况</legend><br/>
<input type="radio" name="married" />已婚<br/>
<input type="radio" name="married"/>未婚<br/>
</fieldset>
<select size="1">
<optgroup label="前台客服">
<option>热线一组</option>
<option>热线二组</option>
<option>热线三组</option>
<option>热线四组组</option>
<optgroup>
<optgroup label="后勤部门">
<option>行政</option>
<option>人资</option>
<option>IT服务部</option>
<optgroup>
<optgroup label="售后">
<option>售后一组</option>
<option>售后二组</option>
<option>售后三组</option>
<optgroup>
<optgroup label="电话销售">
<option>电销一组</option>
<option>电销二组</option>
<option>电销三组</option>
<optgroup>
</select>
<br/>
<input type="file" /> 上传照片<br/>
<textarea cols="60" rows="15">
本网站所收集的部分公开资料来源于互联网，转载的目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。本站部分作品是由网友自主投稿和发布、编辑整理上传，对此类作品本站仅提供交流平台，不为其版权负责。如果您发现网站上有侵犯您的知识产权的作品，请与我们取得联系，我们会及时修改或删除。
本网站所提供的信息，只供参考之用。本网站不保证信息的准确性、有效性、及时性和完整性。本网站及其雇员一概毋须以任何方式就任何信息传递或传送的失误、不准确或错误，对用户或任何其他人士负任何直接或间接责任。在法律允许的范围内，本网站在此声明，不承担用户或任何人士就使用或未能使用本网站所提供的信息或任何链接所引致的任何直接、间接、附带、从属、特殊、惩罚性或惩戒性的损害赔偿。
</textarea>
</form>
</body>
</head>
</html>
注：1.为什么要使用表单：向服务器传输数据
2.为什么要传输给服务器：记录数据
style 设置字体颜色 backgoound 背景色 color 字体颜色
action 表示要提交的目标服务器
text 文本框
name 设置此属性服务器才能得到要获取的具体对象
password 密码框
radio 单选按钮 name="sex"表示分类
legend 显示类别名
fidldset 分组显示类别
method 提交的方法 get 提交内容地址栏显示
submit 提交（默认） value的值可设置按钮要显示的内容
reset 重置（默认） value的值可设置按钮要显示的内容
width 宽度
height 长度
<head>
<title>简单表单制作</title>
<body>
<form action="http://www.baidu.com" method="get">
用户名：<input type="text" name="txtname" /><br/>
密码： <input type="password" name="txtpwd"/><br/>
<input type="submit" value="提交到百度" style="background:green;color:white " />
<input type="reset" value="清空"/> <br/>
<fieldset>
<legend>性别</legend><br/>
<input type="radio" name="sex"/>男<br/>
<input type="radio" name="sex"/>女<br/>
</fieldset>
<fieldset>
<legend>婚姻状况</legend><br/>
<input type="radio" name="married" />已婚<br/>
<input type="radio" name="married"/>未婚<br/>
</fieldset>
<select size="1">
<optgroup label="前台客服">
<option>热线一组</option>
<option>热线二组</option>
<option>热线三组</option>
<option>热线四组组</option>
<optgroup>
<optgroup label="后勤部门">
<option>行政</option>
<option>人资</option>
<option>IT服务部</option>
<optgroup>
<optgroup label="售后">
<option>售后一组</option>
<option>售后二组</option>
<option>售后三组</option>
<optgroup>
<optgroup label="电话销售">
<option>电销一组</option>
<option>电销二组</option>
<option>电销三组</option>
<optgroup>
</select>
<br/>
<input type="file" /> 上传照片<br/>
<textarea cols="60" rows="15">
本网站所收集的部分公开资料来源于互联网，转载的目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。本站部分作品是由网友自主投稿和发布、编辑整理上传，对此类作品本站仅提供交流平台，不为其版权负责。如果您发现网站上有侵犯您的知识产权的作品，请与我们取得联系，我们会及时修改或删除。
本网站所提供的信息，只供参考之用。本网站不保证信息的准确性、有效性、及时性和完整性。本网站及其雇员一概毋须以任何方式就任何信息传递或传送的失误、不准确或错误，对用户或任何其他人士负任何直接或间接责任。在法律允许的范围内，本网站在此声明，不承担用户或任何人士就使用或未能使用本网站所提供的信息或任何链接所引致的任何直接、间接、附带、从属、特殊、惩罚性或惩戒性的损害赔偿。
</textarea>
</form>
</body>
</head>
</html>
注：1.为什么要使用表单：向服务器传输数据
2.为什么要传输给服务器：记录数据
style 设置字体颜色 backgoound 背景色 color 字体颜色
action 表示要提交的目标服务器
text 文本框
name 设置此属性服务器才能得到要获取的具体对象
password 密码框
radio 单选按钮 name="sex"表示分类
legend 显示类别名
fidldset 分组显示类别
method 提交的方法 get 提交内容地址栏显示
submit 提交（默认） value的值可设置按钮要显示的内容
reset 重置（默认） value的值可设置按钮要显示的内容
width 宽度
height 长度
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- Patrol 7 架构下？的处理方法
- 清除IE分级审查密码
- 用Photoshop 制作草地效果简明教程
- 主页木马的制作方法
- 华为路由器密码恢复
- 注册表导出管理员密码文件
- SQL Server 2005中更改sa的用户名的方法
- 路由器版本与密码恢复
- 密码知识教程一
- 密码破解全教程
- 使用Ajax实时检测"用户名、邮箱等"是否已经存在
- 通过批处理修改FTP账号和密码
- redis中修改配置文件中的端口号 密码方法
- C#判断密码强度的方法
- C#使用伪随机数实现加密用户密码的方法
- C#修改及重置电脑密码DirectoryEntry实现方法
- 深入密码加salt原理的分析
- C#动态创建Access数据库及密码的方法
- js检测用户输入密码强度
- JQuery记住用户名密码实现下次自动登录功能