一、输入标签
-
⭐输入标签
-
占位符:placeholder
多文件上传:multiple
label 标签 :绑定内容与表单标签的关系
表格标题:caption标签
<html> <head> <meta charset="utf-8"> <title>输入标签</title> </head> <body> <!-- text(文本框) --> 账号: <input type="text"/> <br> <!-- password(密码) --> 密码: <input type="password"/> <br> <!-- radio(单选框) 1、如果需要让多个单选框有互斥效果,则多个单选框添加相同值的name属性 2、可以通过 checked(选中)属性来控制某一个值被选中 --> 性别: <input type="radio" name="gender" checked="checked"/>男 <input type="radio" name="gender"/>女 <br> <!-- checkbox(复选框) 1、与 radio 不同,checkbox的name属性相同也能多选 2、可以通过 checked(选中)属性来控制某一个值被选中 --> 爱好: <input type="checkbox" />跑步 <input type="checkbox" />篮球 <input type="checkbox" />足球 <input type="checkbox" />羽毛球 <input type="checkbox" />其他 <br> <!-- file(文件框) --> 请选择文件 <input type="file" /> <br> <!-- textarea(文本域) --> 个人简介: <textarea style="width: 250px;height: 80px ;">请介绍下自己哟</textarea> <br> <!-- select(选择下拉框) option(选项) --> 籍贯: <select> <option>广东</option> <option>广西</option> <option>福建</option> <option selected="selected">请选择省份</option> </select> <br> <!--button 按钮 --> <input type="button" value="完成" /> </body> </html>
-
⭐输入标签和表格标签结合练习
<html> <head> <meta charset="utf-8"> <title>输入表格标签结合</title> </head> <body> <table border="1px" cellspacing="0px" >