HTML5-按钮和多选框、图片按钮
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>登录注册</title> </head> <body> <h1>注册</h1> <!--表单form value:填了这个后,会把这个的内容当文本框的默认值初始值显示 size:文本框的长度 maxlength:输入的字符长度 --> <form action="我的第一个网页.html" method="get"> <!--文本输入框:input type="text"--> <p>名字:<input type="text"name="username" value="hu44455" maxlength="8",size="30"/> </p> <!--密码框:input type="password"--> <p>密码:<input type="password" name="userpwd" size="30"/></p> <p>爱好: <!-- 注意:他提交的值不是外面的中文值,而是里面value的值,如果没有定义value是会提交不成功的
checked:默认选中
--> <input type="checkbox" value="sleep" name="hobby"/>睡觉 <input type="checkbox" value="code" name="hobby" checked/>代码 <input type="checkbox" value="chat" name="hobby"/>聊天 <input type="checkbox" value="game" name="hobby"/>游戏 </p> <!--按钮 button:普通按钮 image:图片按钮 submit:提交按钮 reset:重置按钮 --> <p>按钮: <input tyep="button" name ="btn1" value="点击"/> <!--图片按钮--> <input type="image" src="../res/图片.jpg"/> </p> <!-- submit:提交按钮 reset:清空按钮 --> <p> <input type="submit"/> <input type="reset"/> </p> </form> </body> </html>