Questions tagged «html»

HTML(超文本标记语言)是用于创建网页和其他要在Web浏览器中显示的信息的主要标记语言。有关HTML的问题应包括一个可重现的示例,以及您要实现的目标的一些想法。此标记很少单独使用,通常与[CSS]和[javascript]配对使用。


7
如何限制表格的列宽?
我表格中的一列可以包含一个没有空格的长文本。如何将其宽度限制为150px?我不希望它始终为150px(如果为空,则应该很窄),但是如果有长文本,我希望将其限制为150px,并包装文本。 这是一个测试示例:http : //jsfiddle.net/Kh378/(让我们限制第三列)。 先感谢您。 更新: 设置以下样式: word-wrap: break-word; max-width: 150px; 不能在IE8(在不同的计算机上经过测试)中工作,并且我想它在任何版本的IE中都不能工作。

8
中心表单提交按钮HTML / CSS
我在将CSS表单的HTML表单提交按钮居中时遇到麻烦。 现在我正在使用: <input value="Search" title="Search" type="submit" id="btn_s"> <input value="I'm Feeling Lucky" title="I'm Feeling Lucky" name="lucky" type="submit" id="btn_i"> 这个CSS内容 #btn_s{ width: 100px; margin-left: auto; margin-right: auto; } #btn_i { width: 125px; margin-left: auto; margin-right: auto; } 而且它什么也没做。我知道我可能在做一些愚蠢的错误。我怎样才能解决这个问题?
75 html  css  center  alignment 

4
保留textarea中的换行符
我有一个带有textarea的表单,我想保留用户在输出内容时输入的换行符。 例如,如果我在textarea中写: 这是一个句子。这是另一个。这里还有一个。 这是一个新段落。这是一个新句子。这是另一个。 我想要相同的输出,而不是: 这是一个句子。这是另一个。这里还有一个。这是一个新段落。这是一个新句子。这是另一个。 如何保留换行符?

5
有没有从SVG文件创建SVG路径的工具?[关闭]
关闭。此问题不符合堆栈溢出准则。它当前不接受答案。 想改善这个问题吗?更新问题,使其成为Stack Overflow的主题。 2年前关闭。 改善这个问题 有谁知道可以获取SVG文件并将其转换为HTML 5 SVG路径的工具?你知道d="M 0 0 L 20 134 L 233 24 Z" fill="#99dd79"吗? 我在这里:使用Adobe Illustrator通过“移至”命令创建SVG路径 但不确定。这是否意味着Illustrator可以进行任何行拖拽并将其另存为SVG路径? 注意: 是的,有inkscape,但是如果可能的话,我正在寻找渐变和遮罩支持。我希望能够利用.ai文件,并使用illustrator或Acrobat或诸如此类的东西来导出它们……那里有东西吗?还是作为输出格式内置在Illustrator或Acrobat中?

11
如何增加<a>标记按钮的可点击区域?
我从这篇文章中学到,总是使用&lt;a&gt;标签或&lt;button&gt;标签来制作按钮。现在,我正在尝试使用&lt;a&gt;标签。我的问题是:有什么办法可以增加标签的可点击区域?假设我&lt;a&gt;在div框中使用。我希望整个div框成为一个按钮。我可以将点击区域更改为整个div框吗?感谢您的帮助。
75 css  button  html  clickable 

4
HTML SELECT-使用JavaScript将值更改为VALUE
SELECT下拉列表中可以有很多选项。 &lt;select id="sel"&gt; &lt;option value="car"&gt;1&lt;/option&gt; &lt;option value="bike"&gt;2&lt;/option&gt; &lt;option value="cycle"&gt;3&lt;/option&gt; ... &lt;/select&gt; 我正在创建一个“更新配置文件”页面,从数据库中检索用户的配置文件,并显示带有这些值的表单。当涉及到SELECT下拉菜单时,有很多选择。因此,其乏味的测试所有价值 if (value == '1') echo "&lt;option selected value='car'&gt;1&lt;/option&gt;";` 因此,我想从其值中选择相应的选项。就像我sel.value = 'bike'使用JavaScript一样时,应该选择选项2。


11
检查输入的是数字还是字母javascript
我正在使用HTML和javascript中的表单。我希望仅在用户输入LETTER并单击时弹出警报submit。 所以我有HTML代码: &lt;form name="myForm" action="" onsubmit="return checkInp()" method="post"&gt; First name: &lt;input type="text" name="age"&gt; &lt;input type="submit" value="Submit"&gt; 和javascript代码: function checkInp() { var x=document.forms["myForm"]["age"].value; if (x consists of any letters) // this is the code I need to change { alert("Must input numbers"); return false; } }
75 javascript  html  forms  input 

8
iframe仅显示页面的特定部分
我正在iframe上工作,我需要在宽度约300像素,高度约150像素的iframe中显示页面的某个部分[例如,右上角]。 例: 说我希望把一个IFRAME的www.mywebsite.com/portfolio.php在页面上,但有IFRAME大小,只显示“投资组合运动在”部分右上角。 我该如何实现? 谢谢。 编辑:演示 [感谢Pointy]
75 jquery  html  css 


2
强制弹性项目跨越整个行宽
我试图将前两个子元素保留在同一行中,而第三个元素以全宽度保留在自己的下面,所有这些都使用flex。 我对在前两个元素上使用flex-grow和flex-shrink属性特别感兴趣(这是我不使用百分比的原因之一),但是第三个元素确实必须为全角且在前两个元素以下。 当发生错误且无法更改代码时,以label编程方式将元素添加到text元素之后。 如何强制label元素在使用flex定位的其他两个元素下方跨越100%的宽度? .parent { display: flex; align-items: center; width: 100%; background-color: #ececec; } .parent * { width: 100%; } .parent #text { min-width: 75px; flex-shrink: 2.25; } &lt;div class="parent"&gt; &lt;input type="range" id="range"&gt; &lt;input type="text" id="text"&gt; &lt;label class="error"&gt;Error message&lt;/label&gt; &lt;/div&gt; 运行代码段隐藏结果展开摘要
75 html  css  flexbox 

11
边框样式不适用于粘性位置元素
我不知道为什么我的边框样式不适用于position: sticky;属性。我想在我的粘性表标题上设置边框样式。但是我不想使用透明的背景色。我该如何实现?这是我的问题和JSFiddle链接的示例代码 #wrapper { width: 400px; height: 200px; overflow: auto; } table { width: 100%; text-align: center; border-collapse: collapse; } table tr th, table tr td { border: 2px solid; } table thead th { position: -webkit-sticky; position: sticky; top: 0; background-color: #edecec; } &lt;div id="wrapper"&gt; &lt;table&gt; &lt;thead&gt; &lt;tr&gt; &lt;th&gt;A&lt;/th&gt; …
75 html  css 

4
CSS:改变父母对孩子的关注
假设您有类似的内容: &lt;div class="parent"&gt; &lt;input class="childInput" type="text" /&gt; &lt;div class="sibling"&gt;&lt;/div&gt; &lt;/div&gt; 当孩子获得焦点时,我想更改父母/兄弟姐妹的外观。做这样的事情有CSS技巧吗? 编辑: 我的问题的原因如下: 我正在创建一个需要可编辑文本字段的Angular应用。在单击之前,它应该看起来像一个标签,此时它应该看起来像是普通的文本输入。我基于:focus设置了文本字段样式,以实现此效果,但是文本被文本输入的边界所截断。我还使用ng-show,ng-hide,ng-blur,ng-keypress和ng-click在标签和基于模糊,按键和点击的文本输入之间进行切换。除一件事外,此方法运行良好:标签的ng-click =“ setEdit(this,$ event)”将ng-show和ng-hide使用的编辑布尔值更改为true后,它使用jQuery调用.select()文字输入。但是,直到ng-click完成后,所有内容才被$ digestd,因此文本输入再次失去焦点。由于文字输入从未真正获得焦点, 编辑: 这是该问题的一个小例子:http ://plnkr.co/edit/synSIP? p= preview


By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.