分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

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

发布时间:2023-09-06 01:13责任编辑:胡小海关键词:HTML

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

注释,HTML中的注释格式:
开头  <!--  结束 -->   例子: <!-- <div>我被注释了</div>  --> 此注释可多行注释,如果只有开头注释, 没有结束注释,那么从开头注释以下的所有内容将会全部被注释掉;还可以用鼠标点击某行 按下 快捷键  "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,这样就能返回顶部了,就是锚点的做法。
 

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

原文地址:http://www.cnblogs.com/longfeng995/p/7590368.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved