随笔分类 - Html
网页常用form表单元素介绍等
摘要:1.情景展示 在jQuery中,根据属性获取属性值有两种方式,分别是:prop('属性名称')与attr('属性名称'); 这两个方法有什么区别?适用于什么场景? 2.对比分析 关于jQuery的prop()和attr()方法的区别 我们可以看到:此时页面上的复选框,并没有设置复选框属性,由上面的验
阅读全文
摘要:1.情景展示 tr td同时添加点击事件,互不影响,如何实现? 如上图所示,tr、td、input标签都添加了点击事件,在input框进行点击时,分别执行的是:input,td,tr三级标签的点击事件,这绝对不是我们想要的效果,我们只想执行input的点击事件,如何实现? 2.原因分析 这个流程图能
阅读全文
摘要:1.html指定页面字符集的两种方式 方式一: < meta charset="utf-8"> 方式二: < meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 以上就是将页面的字符集设置成UTF-8的两种方式(设置页
阅读全文
摘要:1.情景展示 如上图所示,这其实是一个a标签,如何让它右对齐呢? 2.解决方案 第一步:将行内标签转化成块级元素,即display:block; 第二步:文字右对齐,即text-align:right; <a href="<c:url value="/user/userServer/userLogi
阅读全文
摘要:1.情景展示 html文件已经声明字符集为UTF-8,但是浏览器访问依旧乱码。 标题和页面内容都是乱码,这是怎么回事? 2.原因分析 charset="UTF-8"是让浏览器要用utf-8来解释,而文档的编码格式,是保存时的选择决定的。 也就是说:这个HTML文件保存时的字符集不是UTF-8! 所以
阅读全文
摘要:1.情景展示 select标签,是前端开发界面展示,经常需要用到一个标签,看看下面的坑,你中招了吗? 2.坑区展示 踩坑一:option标签没有声明value属性 没有声明value属性 < select id="gender"> < option >--请选择-- < option >男 < op
阅读全文
摘要:td里面嵌套image标签后如何消除图片间隔 CreateTime--2018年3月7日16:18:12 Author:Marydon 情景还原: <body> <div style="background: url(../images/bgImg2.jpg);width: 142px;"> <ta
阅读全文
摘要:CreateTime--2017年10月11日08:00:42 Author:Marydon 新建html文件模板 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF
阅读全文
摘要:CreateTime--2017年9月28日15:14:30 Author:Marydon meta标签 1.位置 META标签是HTML标记HEAD区的一个关键标签,它位于HTML文档的<head>和<title>之间,它提供的信息虽然用户不可见,但却是文档的最基本的元信息。2.定义 META标签
阅读全文
摘要:一、基础用法 方式一:(不推荐使用) <a href="javascript:alert('内容之间写在标签上');">测试javascript</a> 方式二:(推荐使用) 第一部分:JAVASCRIPT function test () { location.replace("yl.html")
阅读全文
摘要:五、复选框 (一)语法 <input type="checkbox" /> (二)点击当前行改变复选框的选中状态 第一部分:HTML <table style="width: 100%; border-collapse: collapse;" cellspacing="0" cellpadding=
阅读全文
摘要:二、文本域 (一)语法 <textarea></textarea> (二)用法介绍 2.2.1 页面展示 内容一定要写在标签体内,即: <textarea>页面要展示的默认内容</textarea> 错误用法: <textarea value="页面要展示的默认内容"></textarea> 2.2
阅读全文
摘要:三、下拉列表框 (一)语法 <select></select> (二)<option>标签的value属性 说明:<option>标签的value属性一定得加,不加的话,form表单提交数据时,会将<option>标签所包含的内容提交。 <select name="FVISTYPE" style="
阅读全文
摘要:四、单选框 (一)语法 <input type="radio"/> (二)实现点击文字,选中对应按钮的两种方式 方式一:label标签体包住单选框标签 <label class="radioStyle"><input type="radio" class="radioStyle" name="tes
阅读全文
摘要:1.设置文本框只读 <!-- 方法一:简写 --> <input type="text" name="" value="文本框" class="" readonly/> <!-- 方法二:写全 --> <input type="text" name="" value="文本框" class="" r
阅读全文
摘要:一、文本框 (一)标签 <input type="text"/> (二)通过下拉列表框实现对文本框的录入内容控制 第一部分:HTML 信息是否完整 <select id="" name="" class="" onchange="contrlContent(this);" style="cursor
阅读全文
摘要:一、table UpdateTime--2017年6月5日15:47:12 (一)语法 <table> <thead> <th>表头(表格标题行):默认加粗显示</th> </thead> <tbody> <tr> <td>数据展示行</td> </tr> </tbody> <tfoot> <tr>
阅读全文
摘要:场景: <script type="text/javascript"> var name = "lisi"; function test1 () { var name = "zhang"; function test2 () { console.log(this.name); } alert(nam
阅读全文
摘要:UpdateTime--2017年6月5日17:00:37 1.语法 <a href="url">跳转</a> 2.跳转路径携带参数 方式一:EL表达式 <a style="color: #199ED8;font-weight: bolder;margin-right: 15px;" href="$
阅读全文
摘要:1.取值 //方法一 //自定义属性必须用getAttribute()方法 var iframeSrcAttr = document.getElementById("importJsp").getAttribute("src"); 获取得到的值是:test.html //方法二 var iframe
阅读全文