今天是第3次上课
实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <!--复选框name属性的值数组就是在后面的{}--> <!--value为当前的值--> <!--checked是布尔属性:真true 假false 要么不负值,要么赋值给自己--> <!--对于单选框按钮name的值必须相同--> <!--<div>是块级元素 独占一行--> <!--<span>是内联元素,都在一行显示--> <!--get:所以得数据都在url地址上显示,数量有限,系统默认的--> <!--post:所有的数据在heade请求头上,上传数量大--> <form action="" method="post"> <table border="0" cellspacing="0" cellpadding="5" align="center" width="350" bgcolor="powderblue"> <caption><h2>用户注册</h2></caption> <tr><td colspan="2"><hr></td></tr> <tr align="center"> <td align="right"><label for="email">邮箱</label></td> <td align="left"><input type="taxt" id="email" name="email" value="email" placeholder="@qq.com" size="30"> </td> <tr align="center"> <td align="right"><label for="mima">密码</label></td> <td align="left"><input type="taxt" id="mima" name="mima" value="mima" placeholder="请输入密码" size="30"></td> </tr> <br> <tr align="center"> <td align="right">性别</td> <td align="left"> <input type="radio" name="taxt" value="nman">男 <input type="radio" name="taxt" value="nman">女 <input type="radio" name="taxt" value="nman">保密 </td> </tr> <tr align="center"> <td align="right">学历</td> <td align="left"> <input type="checkbox" name="hobboy[]" value="xiaoxue">小学 <input type="checkbox" name="hobboy[]" value="chuzhong">初中 <input type="checkbox" name="hobboy[]" value="gaozhong">高中 <input type="checkbox" name="hobboy[]" value="daxue">大学 </td> </tr> <tr align="center"> <td align="right" >级别</td> <td align="left"> <select nane="level">级别 <option value="">0基础</option> <option value="">一般</option> <option value="" selected="">良好</option> <option value="">优秀</option> </select> </td> </tr> <tr align="center"> <td align="right"><label>头像</label></td> <td align="left "> <img src="./images/5.jpg"> <input type="file" name="" value=" placeholder="上传图像"> </td> </tr> <tr align="center"> <td align="right">备注</td> <td align="left"> <textarea name="commet" rows="5" cols="40"></textarea> </td> </tr> <tr align="center"> <td colspan="2"><hr> <input type="submit" name="" value="提交"> <input type="reset" name="" value="重置"> </td> </td> </tr> </table> </form> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例