html标签

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>表单</title>
</head>
<body>
<!--  enctype="multipate/form-data 表单的数据编码是多种,用来处理多种格式的编码-->
<form action="" method="post" enctype="multipate/form-data" >
</form>
 
<form method="get" action="1.php" >
<div>
用户名<input type="text" name="name" maxlength="11" placeholder="请输入用户名" size="1" required />
密码<input type="passwords" name="psw">
</div>
<div>
<input type="radio" name="sum1[]" id="yizu" checked><label for="yizu">1组(点击文字可选)</label>
<input type="radio" name="sum1[]" id="yizu" checked><label for="yizu">2组(点击文字可选)</label>
<input type="radio" name="sum2" >2组
</div>
<div>
<input type="checkbox" name="juese[]" id="jishu" ><label for="jishu">技术</label>
<input type="checkbox" name="juese[]">顾问
</div>
<select name="">
<option value="">百度
<option value="">谷歌
</select>
<div>
<select name="" multiple="multiple">    
<optgroup label="角色">
<option value="1">超级管理员</option>
</optgroup>    
<optgroup label="普通角色">
<option value="3">产品经理</option>
<option value="4">营销顾问</option>
</optgroup>
</select>
</div>
<input type="file" name="" multiple="multiple">文件上传
<textarea name="" row="5" cols="5"></textarea>

<input type="text" step="10" autofocus>

<input type="submit" value="提交">
<input type="reset" value="重置">

<!-- html5 -->
<!-- 
type属性
type="number" 只能填科学计算法数字
step="5" 一次增量大小
email邮箱验证
url 验证网址
search 用来搜索
date 选择日期

iframe属性
autofocus="autofocus" 输入框自动焦点(光标所在位置)
frameborder="no" 控制是否有边框
scrolling="no" 强制滚动模式
 -->
</form>

<iframe src="http://www.baidu.com" width="100%" ></iframe>
<iframe src="http://www.jd.com" width="100%"></iframe>
</body>
</html>

 

表单

用户名 密码
2组
顾问
文件上传

posted @ 2017-11-18 23:50  note资料  阅读(86)  评论(0)    收藏  举报