html学习

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](https://upload-images.jianshu.io/upload_images/2484217-fec165ccb535502b.png?imageMogr2/auto-orient/strip%7CimageView
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>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容