表单深入了解、注释和a标签的运用

注释，HTML中的注释格式：

开头  例子：  此注释可多行注释，如果只有开头注释，没有结束注释，那么从开头注释以下的所有内容将会全部被注释掉；还可以用鼠标点击某行按下快捷键 "Ctrl + /"注释，也可选择多行再注释。

注释的用处：将无效的代码注释掉，或许它将来有用或考虑二次开发，所以不用删除掉，而是选择注释掉，源代码都不是中文，注释的用处还可以是中文解释，提醒自己，这里是怎么做的，告诉他人这里是什么模块及思想。

注释掉的代码，程序是不会运行的，所以不会影响程序运行速度，但是注释掉的代码，它依旧存在着，在文件里，内存不会变小，比如你写一个登录页面，此文件大小 10KB，即使你将里面的所有代码注释掉，文件大小依旧是10KB。

深入表单：

<form action="#" method="post"><p><!--在登录时，一般用在用户名-->文本：<input type="text"/></p><p><!--在登录时，一般用在密码-->密码：<input type="password"/></p><p><!--在个人信息中，一般选择你的爱好，性格等，多选-->复选： 苹果<input type="checkbox"/>西瓜<input type="checkbox"/></p><p><!--单选的 name值必须一致 才能归类成一类 单选-->单选：男<input name="gender" type="radio"/>女<input name="gender" type="radio"/></p><p><!--隐藏文本框，它存在，但看不见--><input type="hidden"/></p><p><!--下拉列表，我们还会用跟这个做三级浮动，比如 中国的 省、市、县-->下拉列表： <select name="xiala" id="xiala"><option value="眼睛">眼睛</option><option value="笑容">笑容</option><option value="嘴巴">嘴巴</option></select></p><p><!--大家在评论或者发表的时候，就会用到这个，和文本框性质差不多，不过更合适用来写文本内容-->多行文本：<textarea name="text" id="text" cols="30" rows="10"></textarea></p><p><!--它是提交整个form表单，获取这个表单里面的 input select textarea 然后到action指向的地址-->提交按钮：<input type="submit"/></p>
</form>

表单中，标签里出现的 "name" 是它的名字，如果说传输到后台做验证，后台获取它的数据，就是通过name来获取的，而value则是它的值。

以上form中的标签，几乎可以使用在所有的登录、注册、个人信息等地方，在HTML5中还扩展了几个属性值，这里就不做说明，有兴趣的同学可以去手册里看看。

a标签的使用！

a标签的写法：

<a href="http://www.baidu.com">百度</a>

在有网的情况下，就会跳转到百度页面，"href"就是地址的指向，a标签不能没有它，访问本地的页面，则就改成文件的名字即可，比如：<a href="my.html">我的</a> 要注意的是，你的文件位置，目录要在一个等级下。

再说一个a标签的锚点使用，它经常用在网站，在浏览到中间部分或者底部的时候，可以点击它，回到顶部，那么做法很简单：

<div id="top" style="height: 600px;background-color: #d6e9c6">我是顶部</div>
<div style="height: 600px;background-color: #b2dba1">我是中间内容</div>
<a href="#top">返回顶部</a>

这里面我们用了css样式，设置了div的高为600px，和背景颜色。给了顶部div 一个id，而a标签则指向这个id，#代表本页，不做其他页面的跳转，#top 就是在本页里寻找top，这样就能返回顶部了，就是锚点的做法。

转载于:https://www.cnblogs.com/longfeng995/p/7590368.html

第四篇 HTML 表单深入了解、注释和a标签的运用相关推荐

【前端学习之HTMLCSS进阶篇】-- HTML第四篇 -- 美化表单
[前端学习之HTML&CSS进阶篇]-- HTML第四篇 – 美化表单文章目录 [前端学习之HTML&CSS进阶篇]-- HTML第四篇 -- 美化表单前言一.新的伪类 1. f ...
js模拟form表单提交数据, js模拟a标签点击跳转，避开使用window.open引起来的浏览器阻止问题...
js模拟form表单提交数据, js模拟a标签点击跳转,避开使用window.open引起来的浏览器阻止问题 js模拟form表单提交数据源码: /** * js模拟form表单提交 * @param ...
那些酷炫的网页你也可以做到——第六篇（表单标签）
前情回顾(不断复习): HTML第一篇 HTML第二篇 HTML第三篇 HTML第四篇 HTML第五篇表单标签我们每天都在使用QQ,那你知道QQ这个登录界面是怎么实现的吗?今天就教你做一个登录界面 ...
Java+MyEclipse+Tomcat (四)Servlet提交表单和数据库操作
前面三篇文章讲述了如何配置MyEclipse和Tomcat开发JSP网站.如何配置Servlet简单实现表单提交.如何配置MySQL实现JSP数据库查询. 这篇文章主要讲述Servle ...
第十篇 Form表单
Form表单阅读目录(Content) Form介绍普通的登录使用form组件 Form那些事儿常用字段演示校验使用Django Form流程补充进阶应用Bootstrap样式批量添 ...
使用 jQuery Mobile 与 HTML5 开发 Web App (四) —— jQuery Mobile 表单上
一.表单组件基础 1.组件简介 jQuery Mobile 中的表单组件是基于标准 HTML ,然后在此基础上增强样式,因此即使浏览器不支持 jQuery Mobile 表单仍可正常使用.需要注意的是 ...
第四章 WEB表单（二）
一. 重定向和用户会话 WEB表单(一)最后部分,当我们提交表单后,点击浏览器的刷新按钮时,看到一个警告"再次提交表单之前进行确认".这是因为刷新浏览器时会重新发送之前发送过的请求 ...
spring boot 学习(七)小工具篇：表单重复提交
注解 + 拦截器:解决表单重复提交前言学习 Spring Boot 中,我想将我在项目中添加几个我在 SpringMVC 框架中常用的工具类(主要都是涉及到 Spring AOP 部分知识).比如 ...
网络安全篇(数据表单的创建 SQL命令拾遗数据的SQL注入的防护)
SQL注入五孔不入,尽管是老技术了,但是依然是重点防护的手段,更多的需要我们数据库开发者细心!! 数据表的演练 1 创建数据表 create database jing_dong charset=ut ...

第四篇 HTML 表单深入了解、注释和a标签的运用

表单深入了解、注释和a标签的运用

第四篇 HTML 表单深入了解、注释和a标签的运用相关推荐

最新文章

热门文章