Questions tagged «html»

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

8
删除文本输入的内部阴影
所以我有一个文本输入,我在chrome上使用html5,我想更改文本输入的外观,我删除了焦点上的轮廓(在chrome上为橙色),将背景设置为浅色,#f1f1f1但是现在在顶部和左侧都有一个较粗的边框,就像是要向内推,如果背景颜色没有变化,则不会发生这种情况。如何删除?抱歉,我无法在移动设备上提供图片。 它发生在chrome上,即Firefox无法测试其他任何产品。
77 html  css  input 

7
如何使<input type =“ file” />仅接受这些类型?
我希望我的上传器仅允许以下类型: doc,docx。 xls,xlsx。 ppt,pptx 文本。 pdf。 图像类型。 我该如何实现?我应该在accept属性中输入什么?谢谢你的帮助。 编辑!!! 我还有一件事要问。当弹出窗口用于选择文件时,在右下角,将出现一个包含所有允许文件的下拉列表。就我而言,列表会很长。我在列表中看到了一个名为的选项All Supported Types。如何默认选择它,并消除所有其他选项? 任何帮助将不胜感激。谢谢。

4
如何使用html5和(画布或svg)绘制网格
我想绘制一个如图所示的网格,但是我完全不知道应该从哪里开始。我应该使用SVG还是将Canvas与HTML5一起使用以及如何绘制。 请对此进行指导。我希望此网格在其上绘制矩形,圆形或其他图表,然后我将计算该图表的面积,例如正方形的面积。
77 html  svg  html5-canvas 

8
从css添加标题属性
如何将CSS中的title ='mandatory'添加到以下内容 &lt;label class='mandatory'&gt;Name&lt;/label&gt; .mandatory { background-image:url(/media/img/required.gif); background-position:top right; background-repeat:no-repeat; padding-right:10px; font-weight:bold; }
77 html  css 


1
将您的favicon.ico文件放在非根目录下不是一个好主意吗?
浏览器何时以及如何请求favicon.ico文件?他们是否总是以root身份进行检查,还是首先阅读网页内容以查看网页是否指定了位置? 我在/ images中有我的favicon.ico路径。每个页面中都有以下标记: &lt;link rel="shortcut icon" href="images/favicon.ico"&gt; 当我在浏览器中加载页面时,它似乎可以正常工作(我可以看到文件),但是我不知道它们是否首先对我的根文件夹(文件不存在的地方)发出了错误的请求,并且稍后向链接发出请求。 我想通过浏览器对我的网站进行不正确的调用来最大程度地减少404和浪费的带宽。 编辑:我正在寻找浏览器如何工作,并请求此文件的一些见解,所以我的网站结构是有效的。


4
HTML Textarea水平滚动
我想在我的HTML页面中向文本区域提供水平滚动。如果我输入没有换行符的长行,则滚动条应该没有换行出现。一些朋友建议使用溢出y CSS属性,该属性对我不起作用。我使用的浏览器是IE 6+和Mozilla 3+。



2
如何安全使用Google API密钥
因此,我正在执行的第一个项目上使用Google Maps API。是的,我是新手,如果这是基础知识或显而易见的事情,对不起,但我找不到明确的答案或方向。以下是我从Google找到的有关安全使用API​​密钥的文档。 安全使用API​​密钥的最佳做法 在应用程序中使用API​​密钥时,请注意确保其安全。公开公开您的凭据可能会导致您的帐户遭到盗用,这可能会导致您的帐户产生意外费用。为了确保您的API密钥安全,请遵循以下最佳做法: 不要将API密钥直接嵌入代码中:嵌入在代码中的API密钥可能会意外地向公众公开-例如,如果您忘记从共享代码中删除密钥。不要将API密钥嵌入到应用程序中,而是将它们存储在环境变量或应用程序源代码树之外的文件中。不要将API密钥存储在应用程序源树中的文件中:如果将API密钥存储在文件中,请将文件保留在应用程序源树之外,以帮助确保密钥不会最终出现在源代码控制系统中。如果您使用公共源代码管理系统(例如GitHub),则这一点尤其重要。限制您的API密钥仅由需要IP地址,引荐来源网址的网址和移动应用使用:通过限制IP地址,引荐来源网址,以及可以使用每个密钥的移动应用程序,则可以减少泄露的API密钥的影响。您可以通过打开“凭据”页面,然后使用所需的设置创建新的API密钥,或编辑API密钥的设置,来指定可从控制台使用每个密钥的主机和应用程序。删除不需要的API密钥:为了最大程度地减少遭受攻击的风险,请删除不再需要的所有API密钥。定期重新生成API密钥:通过单击每个密钥的“重新生成密钥”,可以从Cloud Platform控制台凭据页面重新生成API密钥。然后,更新您的应用程序以使用新生成的密钥。生成替换密钥后,您的旧密钥将继续工作24小时。在公开发布代码之前,请先对其进行检查: 现在我的问题是,如果不直接将其放入代码中,我将无法弄清楚如何将Google Map整合到我的网站中。现在,我的API像这样在我的index.html中: &lt;script async defer src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&amp;callback=initMap"&gt; &lt;/script&gt; 但这再次直接在我的代码中供全世界使用,我认为这是错误的方式。

7
更改占位符文本
如何更改输入元素的占位符文本? 例如,我有3个文本类型的输入。 &lt;input type="text" name="Email" placeholder="Some Text"&gt; &lt;input type="text" name="First Name" placeholder="Some Text"&gt; &lt;input type="text" name="Last Name"placeholder="Some Text"&gt; 如何使用JavaScript或jQuery更改Some Text文本?

7
限制文件上传的大小(html输入元素)
我只想限制用户可以上传的文件的大小。 我以为maxlength = 20000 = 20k,但这似乎根本不起作用。 我在Rails上运行,而不是在PHP上运行,但我认为在HTML / CSS客户端进行此操作要简单得多,或者作为最后一种使用jQuery的方法。这是如此基本,尽管必须有一些我遗漏或不知道的HTML标记。 希望支持IE7 +,Chrome,FF3.6 +。我想我可以在需要时仅支持IE8 +。 谢谢。
77 html 

8
如何在角度设置垫子桌子的宽度?
在我的mat-table中,这里有6列,当任何一列没有更多的单词然后看起来像Image-1,但是当任何一列有更多单词然后UI看起来像Image-2时,那么如何设置UI就像Image-1列中的第6个角中有更多单词? 图片1 图片2 user.component.html &lt;div class="mat-elevation-z8"&gt; &lt;table mat-table [dataSource]="dataSource"&gt; &lt;ng-container matColumnDef="userimage"&gt; &lt;th mat-header-cell *matHeaderCellDef&gt; # &lt;/th&gt; &lt;td mat-cell *matCellDef="let element"&gt; &lt;img src="{{commonUrlObj.commonUrl}}/images/{{element.userimage}}" style="height: 40px;width: 40px;"/&gt; &lt;/td&gt; &lt;/ng-container&gt; &lt;ng-container matColumnDef="username"&gt; &lt;th mat-header-cell *matHeaderCellDef&gt; Full Name &lt;/th&gt; &lt;td mat-cell *matCellDef="let element"&gt; {{element.username}} ( {{element.usertype}} )&lt;/td&gt; &lt;/ng-container&gt; &lt;ng-container matColumnDef="emailid"&gt; &lt;th mat-header-cell *matHeaderCellDef&gt; EmailId …

4
HTML表格:各列保持相同的宽度
我有一个包含几组列的表。该表大于我的页面,因此我有一个控件来显示/隐藏这些组中的一些以适合页面。初始表看起来不错:一个组中的所有列都具有相同的宽度。但是当我隐藏一个组时,列的宽度不再相同,看起来很糟。 示例:http : //www.reviews-web-hosting.com/companies/apollohosting.html(断开的链接) 到目前为止,桌子看起来还不错。点击&gt;&gt;。“ Ecommerce Pro”下的第一列比“ Ecommerce Pro”下的其他列宽得多,看起来很奇怪。单击&lt;&lt;,这一次“值”下的第一列太宽。至少在Firefox上。 我尝试使用 &lt;colgroup&gt;&lt;col /&gt;&lt;col span="5" /&gt;... 但没有运气。如果我将col设置为style =“ display:none”,则仍显示列集。 有任何HTML / CSS技巧可将列的宽度保持成组? 编辑: 要隐藏列,我必须使用可见性:折叠 现在好像调整大小,我不知道为什么
77 html  css 

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.