8、常用HTML及from表单
参考链接:https://www.cnblogs.com/liwenzhou/p/7988087.html
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>我的第一个页面</title> </head> <h2>这是一个测试</h2> <!--表单 action数据提交到哪个URL上,就由相应的URL函数去处理逻辑 method提交的方式是什么,GET/POST method为空的情况下,点提交数据会提交到当前的url方式上 --> <form action="" method=""> <!-- name指的提交数据的名字 value 指定提交的数据内容是什么 --> <!--用户名文本框--> 用户名: <input type="text" name="username" value="yht" /> <!-- 空格代码--> <!--密码框--> 密码: <input type="password" name="password" value="" /> </br> <!--br换行--> <!--圆形单选框,在name属性值相同的情况下,页面只准选一个,checked页面默认显示选择男--> <input type="radio" name="sex" value="1" checked="checked" />男 <input type="radio" name="sex" value="0" />女 </br> <!--br换行--> <!--方形多选框,这里value可以写同一个,一样可以多选--> 爱好: <input type="checkbox" value="zuqiu" name="zuqiu" checked="checked" />足球 <input type="checkbox" value="pinpang" name="pinpang" />乒乓球 <input type="checkbox" value="duobi" name="duobi" />躲壁球 </br> <!--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> <!--selected属性表示页面默认选择此项--> <select/> </br> <!--br换行--> <!--文本输入框,key是desc,values是你页面上输入的值,所以这个不用写value--> <textarea name="desc">文件输入框</textarea> </br> <!--br换行--> <!--日期插件--> 出生日期: <input type="date" name="shengri" value="2019-05-01" /> </br> <!--br换行--> <!--超链接--> <a href="http://www.baidu.com">打开百度</a> </br> <!--br换行--> <!--表格--> <table border="1"> <thead><!--t head表格头--> <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标准化,两种写法
多选下拉框
禁用框
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。