![image.png](https://upload-images.jianshu.io/upload_images/2484217-fec165ccb535502b.png?imageMogr2/auto-orient/strip%7CimageView
2/2/w/1240)
9.10上课内容
第一:回顾web标准:结构,样式,行为
第二:表格的属性的讲解和复习
第三:简单的表单及相关的控件
表格的属性复习:http://www.w3school.com.cn/html/html_tables.asp
表单讲解:https://www.jianshu.com/p/711c2c3386be
9.12上课内容
input 控件
<html>
<head>
<title>我的第一个 HTML 页面</title>
</head>
<body>
<--!简单的输入框--><br />
账号:<input /><br />
密码:<input type = "text" />
<br />
<--!密码框--><br />
密码:<input type = "password"/>
<br />
<--!单选框--><br />
性别:<input type = "radio" /> 男
<input type = "radio" />女<br />
<--!单选框(二选一)--><br />
<input type = "radio" name = "sex"/> 男
<input type= "radio" name = "sex">女<br />
<--!单选框(多选一)--><br />
<input type = "radio" name = "sex"/>男
<input type = "radio" name = "sex"/>
女
<input type = "radio" name = "sex"/>
中性
<input type = "radio" name = "sex1" />未知
<--!复选框--><br />
爱好:<input type = "checkbox"/>足球
<input type = "checkbox" />篮球
<input type = "checkbox" />羽毛球
<--!单选框(带默认选项的)--><br />
<input type = "radio" name = "sex" checked = "checked" />男<input type = "radio" name = "sex"/> 女<br />
<--!复选框(带默认选项的)--><br />
<input type = "checkbox" checked = "checked" />篮球
<input type = "checkbox" checked = "checked" />足球
<input type = "checkbox" />羽毛球<br />
<--!按钮组--><br />
<--!普通按钮--><br />
搜索:<input type = "button" /><br />
<--!普通按钮(有名字的按钮)--><br />
<input type = "button" value = "搜索" />
<input type = "submit" /><br />
<--!提交按钮--><br />
<input type = "submit" /><br />
<input type = "submit" value = "submit" /><br />
<--!重置按钮--><br />
<input type = "reset" />
<input height = "300" type = "reset" value = "reset" /><br />
<--!图片按钮--><br />
<input type = "image" src = ""/>
<--!文件按钮--><br />
<input type = "file" />
<--!maxlength ,js决定中英文--><br />
<input type = "password" maxlength = "6"/><br />
<--!value值--><br />
<input type = "text" value = "value"/>
<--!placeholder值--><br />
<input type = "text" placeholder = "默认值" />
</body>
</html>