Questions tagged «html»

.container { width: 850px; padding: 0; display: table; margin-left: auto; margin-right: auto; } .row { display: table-row; margin-bottom: 30px; /* HERE */ } .home_1 { width: 64px; height: 64px; padding-right: 20px; margin-right: 10px; display: table-cell; } .home_2 { width: 350px; height: 64px; padding: 0px; vertical-align: middle; font-size: 150%; display: table-cell; …

98 html  css 

有没有办法要求两个表单字段中的条目使用HTML5进行匹配？还是仍然必须使用JavaScript来完成？例如，如果您有两个密码字段，并且要确保用户在每个字段中输入了相同的数据，是否可以通过某些属性或其他编码来实现此目的？

98 forms  html 

以前，我的假设width: auto是将宽度设置为内容的宽度。现在，我看到它占据了父级的全部宽度。 谁能描述一下两者之间的区别？

98 html  css 

我正在尝试用HTML创建一个表。我要创建以下设计。我在<tr>里面添加了一个，<td>但是以某种方式未按照设计创建表。 谁能建议我如何实现这一目标？ 我无法创建Name1 | Price1部分。

98 html  html-table 

我有以下代码： <div style="float: left; width: 100%;"> <label style="float: left;">ABC</label> <input style="float: left; font-size: 0.5em;" type="button" onclick="addTiny(0,'Question_Text'); return false;" value="▼" title="Editor" /> <input style="float: left; font-size: 0.5em;" type="button" onclick="remTiny(0,'Question_Text'); return false;" value="▲" title="Hide" /> <div class="adm"> <textarea rows="2;" style="width: 100%" class="text-box multi-line mceEditor"> abc </textarea> </div> </div> 我的问题是类adm的div浮动到左侧，因此与label和两个输入按钮位于同一行。有什么方法可以使我从浮动转变呢？

98 css  html  css-float 

我在jsx中使用＆nbsp标记，它没有呈现空间。以下是我的代码的一小段。请帮助。 var Reporting=React.createClass({ render: function(){ return( <div style={divPositionReporting}> <p>Pricing Reports</p> <hr></hr> Select Scenario:   <select> <option></option> </select> <button type="button">Get Pricing Report</button> <br/> Select Takeout Scenario:  <select> <option></option> </select> <button type="button">Get Pricing Report</button> <br/> </div> ); }, });

98 html  reactjs  jsx 

当前<datalist>，大多数主流浏览器（Safari除外）都支持HTML5元素，这似乎是一种向输入添加建议的有趣方式。 但是，该value属性的实现与上的内部文本之间似乎存在一些差异<option>。例如： <input list="answers" name="answer"> <datalist id="answers"> <option value="42">The answer</option> </datalist> 不同的浏览器对此处理方式有所不同： Chrome和Opera： FireFox和IE 11： 选择一个后，输入将填充值而不是内部文本。我只希望用户在下拉列表和输入中看到文本（“答案”），但42像那样select将值传递给Submit。 如何使所有浏览器的下拉列表显示<option>s的标签（内部文本），但在value提交表单时发送属性？

98 javascript  html  cross-browser  html-datalist 

我正在Android WebView中使用显示字符串HTML挣扎。 在服务器端，我下载了一个网页并转义了HTML字符和引号（我使用了Python）： my_string = html.escape(my_string, True) 在Android客户端上：字符串不通过以下方式转义： myString = StringEscapeUtils.unescapeHtml4(myString) webview.loadData( myString, "text/html", "encoding"); 但是，webview只是将它们显示为文字字符串。结果如下： 编辑：我添加从服务器端返回的原始字符串： 链接rel =“ apple-touch-icon”；尺寸=“ 114x114” href =“＆quot; /static/favicon/apple-touch-icon-114x114.png”＆gt; ＆lt; link rel =“苹果触摸图标”；尺寸=“ 72x72” href =“＆quot; /static/favicon/apple-touch-icon-72x72.png”＆gt; ＆lt; link rel =“苹果触摸图标”；尺寸=“ 144x144” href =“＆quot; /static/favicon/apple-touch-icon-144x144.png”＆gt; ＆lt; link rel =“苹果触摸图标”；尺寸=“ 60x60” href =“＆quot; /static/favicon/apple-touch-icon-60x60.png”＆gt; ＆lt; link …

98 android  python  html  webview 

当用户点击提交时，我正在textarea中获取值。然后，我将这个值放在页面上的其他位置。但是，当我这样做时，它会丢失换行符，从而使输出变得难看。 这是我正在访问的文本区域： <textarea id="post-text" class="form-control" rows="3" placeholder="What's up?" required></textarea> 这是访问帖子并进行转录的JavaScript代码。 var post = document.createElement('p'); var postText = document.getElementById('post-text').value; post.append(postText); var card = document.createElement('div'); card.append(post); var cardStack = document.getElementById('#card-stack'); cardStack.prepend(card); 当输入类似： 小组时间表： 周二练习@ 5楼（8 pm-11 pm） 周四练习@ 5楼（8 pm-11 pm） 周日练习@（9 pm-12 am） 输出为： 小组时间表：周二练习@ 5楼（晚上8点至晚上11点）周四练习@ 5楼（晚上8点至晚上11点）周日练习@（晚9点至上午12点） 那么有没有办法保留换行符？

98 javascript  html 

下面显示的HTML， <input type="text"/> 在浏览器中显示如下： 当我添加以下文本时， 敏捷的棕色狐狸跳过了那只懒狗。 使用以下HTML， <input type="text" value="The quick brown fox jumped over the lazy dog."/> 它显示在浏览器中，如下所示： 但我希望将其显示在这样的浏览器中： 我希望输入元素中的文字换行。可以在没有文本区域的情况下完成此操作吗？

98 html  input  word-wrap 

最近我* *在CSS中遇到了。 网站参考- 网站链接。 对于*CSS样式表中的一种用法，Internet和Stack Overflow中充斥着示例，但是我不确定* *在CSS中使用两个符号。 我用Google搜索了它，但是无法找到与此相关的任何信息，因为它一次*选择了所有元素，但是我不确定为什么该网站使用了它两次。缺少的部分是什么？为什么使用此hack（如果是hack）？

97 html  css  css-selectors 

我不知道如何在HTML表格中合并行和列。 您能帮我用HTML制作这样的表格吗？

97 html  html-table 

我有两个div容器。 虽然一个需要为特定宽度，但我需要对其进行调整，以便另一个div占用其余空间。有什么办法可以做到吗？ .left { float: left; width: 83%; display: table-cell; vertical-align: middle; min-height: 50px; margin-right: 10px; overflow: auto; } .right { float: right; width: 16%; text-align: right; display: table-cell; vertical-align: middle; min-height: 50px; height: 100%; overflow: auto; } <div class="left"></div> <div class="right"></div> <!-- needs to be 250px --> 运行代码段隐藏结果展开摘要

97 css  html 

我在HTML方面没有太多经验。我希望创建一个简单的列表框，但要求之一是禁止多选。列表框的大多数代码都是这样的- <select name="sometext" multiple="multiple"> <option>text1</option> <option>text2</option> <option>text3</option> <option>text4</option> <option>text5</option> </select> 但这允许多选。 在这里，提出了类似的问题，但“最佳”答案已被否决。因此，我不确定该怎么办。请帮忙。

97 html  listbox 

包含本地脚本文件时，我在Google Chrome中收到“资源被解释为脚本但已通过MIME类型文本/纯文本传输的资源”警告。 我知道从服务器或通过Ajax加载文件时会出现问题，这通常取决于设置的错误标头。 奇怪的是，即使它是从本地文件夹运行的，我也会收到此警告： file:///C:/test/foo.html 这仅在具有最基本html的Chrome中发生： <!DOCTYPE html> <html> <head> <script type="text/javascript" src="bar.js"></script> </head> <body> </body> </html> bar.js也非常简单： function hello() {} 我尝试添加一个元标记： <meta http-equiv="content-script-type" content="text/javascript"> 并使用其他doctype进行了测试，但似乎无济于事。 由于脚本仍然可以正常工作，所以这显然不是一个真正的问题，但是我正在做一个大型项目，目前包含大约150个脚本。因此，很难看到它们之间何时发生实际警告。 当我在本地或远程服务器上运行文件时，一切正常。 关于为何chrome令我烦恼的任何想法？

97 javascript  html  google-chrome  mime-types