HTML网站首页代码详细知识点

<!DOCTYPE html>
<html><head><meta charset="utf-8" /><title>入门案例01</title></head><body><!--表单表标签:action:提交的地址(我理解为要跳到的页面地址)method:get方式:默认提交方式，会将参数拼接在链接后面,并且有大小限制，4Kpost方式:会将参数封装在请求体中，没有大小限制★post提交方式，如果action的链接中包含中文，由于HBuilder内置服务器不支持，所以会出现“内部服务器错误”，所以方法①不要写中文链接；方法②直接用浏览器打开HTML文件，不通过HBuilder打开即可 input:type:指定输入项的类型text :文本框password:密码框radio   :单选按钮checkbox:复选按钮file  :上传文件submit :提交按钮button :普通按钮reset  :重置按钮hidden :隐藏域date    :日期类型tel        :手机号number  :只允许输入数字placeholder:指定默认的提示信息name:在表单提交的时候，当作参数的名称id:给输入项一个名字，以便于后期我们去找到它，并且操作它textarea:文本域，可以输入一段文本cols:指定宽度rows:指定高度select:下拉列表option:选择项--><form action="../11.21百度地图/index.html" method="get"><!--隐藏域:主要用来存放页面上的一些ID信息--><!--隐藏域在表单提交的时候，会携带一些数据过去，name属性是参数的名称--><input type="hidden" value="sssss" name="uid"/><!--文本输入框--><!--此处的value是文本框的默认输入内容，如果没有value，那么就会显示placeholder的内容-->用户名:<input type= "text" value="didadida" id="usrname" placeholder="请输入用户名"/><br /><!--密码框-->密码:<input type="password" placeholder="请输入密码"/> <br />确认密码:<input type="password" placeholder="请再次输入相同密码 " /><br />邮箱:<input type="text" /><br /><!--type是number时，只能输入数字如果是tel时，在手机端可以显示一个九宫格的输入键盘-->手机号码:<input type="number"  /><br />照片:<input type="file" /><br />性别:<input type="radio" name="sex" />男<input type="radio" name="sex" />女<br/>爱好:<input type="checkbox" />阅读<input type="checkbox" />打代码<input type="checkbox" />搞对象<br />择偶要求:<br /><textarea cols="40" rows="4"></textarea><br />籍贯:<select><option>--请选择--</option><option>湖北</option><option>山西</option></select><br />出生日期:<input type="datetime-local" /><br/>验证码:<input type="text" /><br /><input type="submit" value="注册" /><input type="button" value="普通按钮" /><input type="reset" value="重置按钮"/></form></body>
</html>

HTML网站首页代码详细知识点相关推荐

铝单板行业网站首页代码
<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <!--由中企动 ...
一 HTML概述，网站首页案例及其知识点
HTML:hype text Markup language 超文本标记语言超文本:比普通文本功能更加强大,可以添加各种格式标记语言:通过一组标签来对内容进行描述. 主要作用:设计网页的基础 ht ...
dede网站首页被黑攻击植入恶意跳转代码怎么办? 首页经常被篡改标题关键字的解决方法
网站title被加入代码: 首先,我们要先修复首页代码,解决跳转问题,避免更多用户跳转到恶意页面,也是避免网站被篡改后的tdk被搜索引擎收录! 然后我们先解决对方通过自定义宏标记和智能标记向导来篡改首 ...
计算机知识点汇总职高,计算机辅导（知识点汇总） - 慈溪职高网站首页.doc
计算机辅导(知识点汇总) - 慈溪职高网站首页知识点汇总第一章计算机基础知识(单选15分) 第一台计算机:1946年ENIAC,采用电子管划分计算机时代的标准:构成元件第一代(1946-1 ...
网站首页js幻灯片代码
JS图片幻灯片,网站首页专用的图片特效代码,旅游网站用着最合适了,支持图片说明,每一幅图片都可以加标题和简短的文字介绍,右下角有图片切换控制按钮,示例中仅有5张图片,不过在实际应用中,你可以添加更多的 ...
一个LED圣诞装饰灯网站首页及产品分类页代码
项目地址: https://www.cn-da-di.com/ https://www.cn-da-di.com/product/led-copper-wire-light/ 网站首页效果图: HTM ...
验证站点怎么添加网站首页html代码,百度站长平台添加站点通过验证图文详解教程...
站长平台为站点提供三种验证方式:文件验证.html标签验证.CNAME验证.最为常见的就是文件验证,也是比较简单方便的一种方法. 1.文件验证 (1)登录百度站长平台--点击站点管理--点击添加网站 ...
首页轮转html代码,js制作网站首页图片轮播特效代码
本文实例为大家分享了使用js制作一般网站首页图片轮播效果的具体代码,供大家参考,具体内容如下图片轮播 .warp{ width: 600px; height: 750px; position: re ...
网站不大但加载很慢怎么优化_博客网站首页加载优化
Vue 网站首页加载优化本篇主要讲解 Vue项目打包后 vendor.js 文件很大如何对它进行优化以及开启Vue的压缩和 nginx gzip 压缩的使用,其他就是对接口优化等 1. ve ...

HTML网站首页代码详细知识点

HTML网站首页代码详细知识点相关推荐

最新文章

热门文章