菜鸡的从零开始的web笔记---表单
来源:互联网 发布:阿里云概念股 编辑:程序博客网 时间:2024/06/10 09:22
<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title></head><body><form action="" method="get"><label for="">用户名</label><input type="text" name="" id="" value="傻逼你的名字"/><label for="">密码</label><input type="password" name="" id="" value="" /><label for="">再次输入密码</label><input type="password" /><label for="">隐藏域</label><input type="hidden" name="" id="" value="" />开<input type="radio" name="aa"/> <!--单选框-->劈<input type="radio" name="aa"/>
一胎<input type="checkbox" > <!-- 复选框--> 二胎<input type="checkbox" > 三胎<input type="checkbox" checked="checked"> <!--checked="checked"默认选择--> 四胎<input type="checkbox" > 备胎<input type="checkbox" ><br /> <input type="button" name="" id="" value="提交" /> <!--提交按钮,字可以改--> <button>登录</button> <!--按钮和上面差不多--> <input type="submit" /> <!--提交按钮,比较单一--> <body><input type="text" list="year"/> 这是下拉列表,当输入下面选项的内容内容会自动筛选出来<datalist id="year"><option value="BMW"></option><option value="ZZZ"></option><option value="BBB"></option><option value="CCC"></option></datalist></body>
<input type="image" src=""/> <!-- 图片按钮,把图片做成按钮--> <select name="" id=""> <!--下拉列表--> <option value="" selected="selected">北京</option> <!--selected="selected"作为默认选择--> <option value="">上海</option> <option value="">深圳</option> <option value="">广州</option> </select> <textarea name="" rows="30" cols="10" placeholder="请输入你的傻逼大名" style="resize: none;"></textarea> <!--留言框--> <!--placeholder=""能提示你的输入--> <!-- 没上这个style="resize: none;"的话留言框能随便拖动--> <input type="reset" name="" id="" value="一键还原" /> <!--reset标签必须放在form标签之内--></form></body></html><!DOCTYPE html><html><head><meta charset="UTF-8"><title></title></head><body><form action="1.php" method="get"><p><input type="color" /></p><input type="range" max="100" min="60" step="10"/> <!--拖动条--><p><input type="file" /></p> <!--上传图片--><p><input type="email" /></p><p><input type="number" step="5" value="20"/></p> <!--选择数字 每次5 默认20 --></form></body></html>
0 1