程序设计 html

11

“数据：” URL方案值是否有大小限制？我对流行的Web浏览器中的限制感兴趣。换句话说，多久可以data:image/jpg;base64,base64_encoded_data成为<img src="data:image/jpg;base64,base64_encoded_data" />或background-image: url(data:image/jpg;base64,base64_encoded_data)？

78 html css

9

下拉框中溢出文本的省略号

我正在固定一个下拉框的宽度（是的，我知道这样做存在跨浏览器问题）。有没有一种非js的方法来切断溢出的文本并附加省略号？text-overflow：省略号不适用于<select>元素（至少在Chrome中）。 select, div { width:100px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }  <div> A long option that gets cut off </div>  <select> <option>One - A long option that gets cut off</option> <option>Two - A long option that gets cut off</option> </select> 运行代码段隐藏结果展开摘要此处的示例：http …

78 html css

13

JavaScript DOM：在容器中查找元素索引

我需要通过对象引用在其容器内找到元素的索引。奇怪的是，我找不到简单的方法。请不要jQuery-只有DOM。 UL LI LI LI - my index is 2 LI 是的，我可以为每个元素分配ID并遍历所有节点以匹配ID，但这似乎是一个不好的解决方案。没有更好的东西吗？因此，就像上面的示例一样，我有一个对第三LI的对象引用。我怎么知道它是索引2？谢谢。

78 javascript html dom parent-child

6

如何使用LABEL标签的FOR属性，而INPUT标签上没有ID属性

以下代码中说明的问题有解决方案吗？首先，在浏览器中打开代码以直接理解问题，而不必在了解所需内容之前仔细阅读所有代码。 <html> <head> <title>Input ID creates problems</title> <style type="text/css"> #prologue, #summary { margin: 5em; } </style> </head> <body> <h1>Input ID creates a bug</h1> <p id="prologue"> In this example, I make a list of checkboxes representing things which could appear in a book. If you want some in your book, you …

78 html input label for-loop

3

如何在HTML文本框中更改字体大小

如何在html文本框中更改文本的字体大小。

78 html

6

输入上方带有标签的样式表

我想产生以下表单样式：姓名电子邮件 [.................] [.................] 学科 [.................] 信息 [......................................................] [......................................................] [......................................................] [......................................................] 我拥有的HTML代码是： <form name="message" method="post"> <section> <label for="name">Name</label> <input id="name" type="text" value="" name="name"> <label for="email">Email</label> <input id="email" type="text" value="" name="email"> </section> <section> <label for="subject">Subject</label> <input id="subject" type="text" value="" name="subject"> <label for="message">Message</label> <input id="message" type="text" value="" name="message"> </section> </form> 目前正在产生：名称 …

78 html css

4

如何在引导程序的表单控件的弹出窗口中更改必填字段的默认消息？

<form class="form-asd" role="form"> <h2 class="form-signin-heading">login</h2><hr /> <label class="control-label" for="username">Username</label> <input class="form-control" type="email" required="" placeholder="username"data-error="enter valid username"></input> <label class="control-label" for="username">password</label> <input class="form-control" type="password" required=" " placeholder="Password"></input> <label class="checkbox"></label> <button class="btn btn-lg btn-primary " type="submit">submit</button> </form> 我们该如何更改require字段“请填写此字段”以“请输入用户名”的默认弹出消息

78 html css twitter-bootstrap

9

如何通过JavaScript重新触发WebKit CSS动画？

因此，我有以下-webkit-animation规则： @-webkit-keyframes shake { 0% { left: 0; } 25% { left: 12px; } 50% { left: 0; } 75% { left: -12px; } 100% { left:0; } } 还有一些CSS定义了我的一些动画规则box： #box{ -webkit-animation-duration: .02s; -webkit-animation-iteration-count: 10; -webkit-animation-timing-function: linear; } 我可以shake在#box这样的： document.getElementById("box").style.webkitAnimationName = "shake"; 但是我以后不能再动摇了。这只会摇晃盒子一次： someElem.onclick = function(){ document.getElementById("box").style.webkitAnimationName = "shake"; …

77 javascript css html animation webkit

12

触发标准HTML5验证（窗体）而不使用提交按钮？

有谁知道我可以在不使用提交按钮的情况下以表单形式触发标准HTML5验证吗？（JavaScript或jQuery）。我不希望发送POST/GET的请求，只能做验证。

77 javascript jquery forms html

30

在Android网页中禁用输入焦点缩放

这是一个难题，我有一个网页（仅适用于android设备），并且在该页面中有一个输入框（特别是一个文本框），当焦点对准时，浏览器就会放大。我不希望它放大-声音容易吧？这就是有趣的地方：我必须能够总体放大，所以不要说 <meta name='viewport' content='user-scalable=0'> 那对我不起作用。此外，输入框不会收到点击事件。当单击另一个按钮以编程方式获得焦点时，将显示它。这是我尝试过的，到目前为止，它们都失败了： jQuery('head meta[name=viewport]').remove(); jQuery('head').prepend('<meta name="viewport" content="width=720px;intial-scale=1.0;maximum-scale=1.0;user-scalable=no" />'); jQuery("#locationLock input").focus(); jQuery('head meta[name=viewport]').remove(); jQuery('head').prepend('<meta name="viewport" content="width=720px;intial-scale=1.0;maximum-scale=1.0;user-scalable=yes" />'); 这也失败了： <input type='text' onfocus="return false"> 还有这个： jQuery("#locationLock input").focus(function(e){e.preventDefault();}); 有任何想法吗？

77 javascript jquery android html

5

CSS位置绝对全角问题

我有2个div和一个dl： <div id="wrap"> <div id="header"> <dl id="site_nav_global_primary"> 这是我的风格： #wrap { margin:0 auto; width:100%; min-width:760px; max-width:1003px; overflow:hidden; } #header { width:100%; position:relative; float:left; padding-top:18px; margin-bottom:29px; } #site_nav_global_primary { float:right; margin-right:18px; margin-bottom:11px; margin-left:18px; } 现在，我想更改site_nav_global_primary使其具有全屏宽度，而无需更改换行和标题。但是当我尝试： #site_nav_global_primary { position: absolute; width:100%; top:0px; left:0px; } 导航获得包装器的100％，最大宽度为1003px。我希望它可以扩展到最大而不更改wrap和header div。这可能吗？

77 html css

5

宽度为100％的表格，列大小相同

我必须动态创建一个表，该表具有在运行时确定的可变列数。有人可以告诉我是否有可能有一个具有相等大小的列的html表被完全拉伸吗？

77 html css

22

使用CSS / HTML在悬停时更改图像

我有一个问题，我将一个图像设置为当鼠标悬停时显示另一个图像，但是第一个图像仍然出现，新的图像不会更改高度和宽度，而会与另一个图像重叠。我对HTML / CSS还是很陌生，所以我可能错过了一些简单的东西。这是代码： <img src="LibraryTransparent.png" id="Library"> #Library { height: 70px; width: 120px; } #Library:hover { background-image: url('LibraryHoverTrans.png'); height: 70px; width: 120px; }

77 html css image hover

3

li的第二行从CSS重置后的项目符号开始

ul使用CSS重置后，我的-list出现了一些问题。当中的文字li很长且折断到第二行时，文字从项目符号下方开始。我希望它以与项目符号右侧文本相同的边距/填充开头。有点难以解释，但是如果您查看示例图像。左图是今天的列表。子弹头下面是“ motta varsel [...]”，但我希望它看起来在右边。如何使用CSS做到这一点？我认为我忽略了一些非常简单的事情，但是我不知道是什么。Google搜索也没有返回任何有用的信息。

77 html css

4

CSS3可以转换字体大小吗？

如何在鼠标悬停时使字体大小变大？随着时间的推移，颜色过渡效果很好，但是由于某种原因，字体大小会立即切换。样例代码： body p { font-size: 12px; color: #0F9; transition:font-size 12s; -moz-transition:font-size 12s; /* Firefox 4 */ -webkit-transition:font-size 12s; /* Safari and Chrome */ -o-transition:font-size 12s; transition:color 12s; -moz-transition:color 12s; /* Firefox 4 */ -webkit-transition:color 12s; /* Safari and Chrome */ -o-transition:color 12s; } p:hover { font-size: 40px; color:#FC0; }

77 html css css-transitions

Questions tagged «html»