8、常用HTML及from表单

2024-12-18 技术教程

参考链接：https://www.cnblogs.com/liwenzhou/p/7988087.html

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>我的第一个页面</title> </head> <h2>这是一个测试</h2>  <form action="" method="">   用户名: <input type="text" name="username" value="yht" />   密码: <input type="password" name="password" value="" /> </br>   <input type="radio" name="sex" value="1" checked="checked" />男 <input type="radio" name="sex" value="0" />女 </br>   爱好: <input type="checkbox" value="zuqiu" name="zuqiu" checked="checked" />足球 <input type="checkbox" value="pinpang" name="pinpang" />乒乓球 <input type="checkbox" value="duobi" name="duobi" />躲壁球 </br>   年龄范围：<select name="age"> <option value="1-10">1-10</option> <option value="11-20">11-20</option> <option value="21-30" selected="selected" >21-30</option>  <select/> </br>   <textarea name="desc">文件输入框</textarea> </br>   出生日期: <input type="date" name="shengri" value="2019-05-01" /> </br>   <a href="http://www.baidu.com">打开百度</a> </br>   <table border="1"> <thead> <tr> <th>姓名</th>  <th>年龄</th> <th>性别</th> <tr> </thead> <tbody> <tr> <td>老王</td> <td>18</td> <td>男</td> </tr> <tr> <td>老何</td> <td>18</td> <td>女</td> </tr> </tbody> </table>  <input type="submit" value="提交登陆" />  <input type="button" value="普通登陆" />  <input type="reset" value="重置" /> </form> <body>  </body></html>

IDE快捷健，在ide输入如下，再按tab健，$是指按照顺序排下去
h2*2>a.c1[id=a$]{a标签$}
结果显示如下
<h2><a href="" class="c1" id="a1">a标签1</a></h2>
<h2><a href="" class="c1" id="a2">a标签2</a></h2>

上传文件标签

form表单里面设及到上传文件就要使用enctype属性

邮件类型标签

用户在输入框输入时不提示曾经输入过的内容

隐藏标签

只读和设置默认值

输入框提示

只读输入框

label标签，加上label标准化，两种写法

多选下拉框

禁用框