html5-表单和input元素用法

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>表单</title>
</head>
<body>
   <form action="http://localhost" method="get" target="_blank">
       <input type="hidden" value="统计" name="tj"><br>
       用名：<input type="text" name="key" name="user" value="新镇中心" maxlength="20" autofocus="" tabindex="1"><br>
       密码：<input type="password" name="ps" name="password"><br>
       国家：<input type="text" readonly="readonly" value="中国" name="gj" accesskey="k"><br>
       地址：<input type="text" disabled="disabled" value="wenan" name="address" ><br>
       邮箱：<input type="email" name="email" required="required"><br>
       网址：<input type="url" name="url" tabindex="2" autocomplete="off"><br>
       电话：<input type="tel" tabindex="3"><br>
       数字：<input type="number" min="0" max="50" step="10" value="10" name="shuzi"><br>
       范围：<input type="range" min="0" max="100" step="5" value="20" name="fanwei"><br>
       时间：<input type="time"><br>
       日：<input type="date"><br>
       周：<input type="week"><br>
       月：<input type="month"><br>
       本地时间：<input type="datetime-local"><br>
       UTC时间：<input type="datetime"><br>
       颜色：<input type="color"><br>
       搜索：<input type="search" placeholder="输入关键词"><br>
       文件：<input type="file" accept="image/png" multiple="multiple"><br>
       复选框：<input type="checkbox" name="dx" value="a">平面设计
       <input type="checkbox" name="dx" value="b">绘画绘图
       <input type="checkbox" name="dx" value="c" checked="checked">会计专业
       <input type="checkbox" name="dx" value="d">立体设计
       <br>
       <hr>单选框
       <input type="radio" name="rad" value="a">先生
       <input type="radio" name="rad" value="b">女士
       <input type="radio" name="rad" value="c">保密
       <br>
       <input type="submit">
       <input type="reset">
       
   </form>
   
   
</body>
</html>

巴特西

html5-表单和input元素用法

最新文章

热门文章