码迷,mamicode.com
首页 > Web开发 > 详细

前端HTML知识总结

时间:2021-02-05 10:55:32      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:表达式   传输   默认   container   cte   搜索框   增强   NPU   http   

前端基础THMl知识1

块元素和行内块元素 参考视频链接

块元素:无论内同多少,元素只占一行 (P、h1-h6)

行内元素:内容撑开宽度,左右都是行内元素都可以排成一排(a)

列表

有序列表:<ol> <li>1</li></ol>

无序列表<dl> <dd> 2</dd> </dl>

内联

(<iframe src="lianjie"> < /iframe>

?
?

表单知识总结:

get,不安全,高速

post,可传输文件,相对安全。

单选框:在input里面加 type="radio" value 不同

多选框:input加 type="checkbox" value相同 name相同

type="reset" 重置

type="submit" 提交

?

下拉框:

?

< select name="列表名">

< option value="列表值"> < /option>

< /select>

想默认选中某一列在< option >里加selected,表示默认选中。

文本域:<textarea rows 行 cols 列>

文件域:type="file"

?

?

小细节表单一般加属性name

验证

邮箱:type="email"

url:type="url" 带网站格式的网址

数字:type="number" 可以设置大小上限

滑块音量:;type="range" 设置大小 最小移动多少格。

搜索框:type="search"

只读:readonly

禁用:disabled

隐藏:hidden

< label for ="指向的id" > 增强鼠标可用性

输入框提示 placeholder

输入不能为空 require

正则表达式 pattern

功能链接:< a href="mailto:490110877@qq.com">< /a>

点击链接我邮箱

技术图片点击联系QQ

 

 

 

 

 

 

 

 

前端HTML知识总结

标签:表达式   传输   默认   container   cte   搜索框   增强   NPU   http   

原文地址:https://www.cnblogs.com/lcanming/p/14375666.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!