image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
2/2/w/1240)
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
m
image.png
image.png
image.png
image.png
image.png
image.png
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 = "默认值" />
image.png
</body>
</html>
网友评论