Questions tagged «html»

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

5
微数据与RDFa
我对RDFa和微数据有一个快速的问题。 我目前的理解是RDFa是RDF实现到HTML中的,但是对于像我这样的新开发人员来说却很复杂,Microdata看起来确实很容易实现。 这两种语义格式的其他优点和缺点是什么?


6
我可以从canvas元素获取图像并在img src标签中使用它吗?
是否有可能将canvas元素中存在的图像转换为表示的图像img src? 我需要在一些转换后裁剪图像并保存它。有一个视图功能,我喜欢在互联网上找到:FileReader()或者ToBlop(),toDataURL(),getImageData(),但我不知道如何实现,并在JavaScript中正确地使用它们。 这是我的html: <img src="http://picture.jpg" id="picture" style="display:none"/> <tr> <td> <canvas id="transform_image"></canvas> </td> </tr> <tr> <td> <div id="image_for_crop">image from canvas</div> </td> </tr> 在JavaScript中,它看起来应该像这样: $(document).ready(function() { img = document.getElementById('picture'); canvas = document.getElementById('transform_image'); if(!canvas || !canvas.getContext){ canvas.parentNode.removeChild(canvas); } else { img.style.position = 'absolute'; } transformImg(90); ShowImg(imgFile); } function transformImg(degree) { if (document.getElementById('transform_image')) …

4
在背景图片上使用CSS渐变
我一直在尝试在背景图片的顶部使用线性渐变,以使背景底部的阴影效果从黑色变为透明,但似乎无法使其显示。 我在这里阅读了其他案例和示例,但没有一个对我有用。我只能看到渐变或图像,但不能同时看到它们。这是链接 只需单击第一个徽标,就忽略该效果,此后,我要尝试的是整个网站的正文。 这是我的CSS代码: body { background: url('http://www.skrenta.com/images/stackoverflow.jpg') no-repeat, -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 1))); } 运行代码段Hide results展开摘要
70 html  css  gradient 

5
如何避免使用Javascript在多选框中按住ctrl键单击的需要?
我以为这将是一个简单的技巧,但是我已经搜索了几个小时,找不到合适的搜索词。我希望有一个普通的多重选择框(<select multiple="multiple">),但我不想用户必须按住控制键才能进行多重选择。 换句话说,我希望单击鼠标左键来切换<option>光标下方的元素,而不更改其他任何元素。换句话说,我想要的东西看起来像一个组合列表框,但表现得像一组复选框。 有人可以建议用Javascript做到这一点的简单方法吗?谢谢。
70 javascript  html  forms  dom 

7
在python中生成HTML文档
在python中,生成HTML文档的最优雅的方法是什么。我目前将所有标签手动添加到一个巨大的字符串中,并将其写入文件中。有没有更优雅的方式做到这一点?
70 python  html 


9
希望HTML表单提交不执行任何操作
我希望HTML表单在提交后不执行任何操作。 action="" 这是不好的,因为它会导致页面重新加载。 基本上,我希望每当按下按钮或有人Enter在键入数据后点击该键,就调用Ajax函数。是的,我可以删除表单标签并添加,只需从按钮的onclick事件中调用该函数即可,但是我也希望“命中进入”功能而不会让人感到头疼。

11
CSS-等高列?
在CSS中,我可以执行以下操作: 但是我不知道如何将其更改为: CSS有可能吗? 如果是,如何在不显式指定高度的情况下做到这一点(让内容增加)?
70 css  html 

4
如何使用Javascript / HTML上传简单的图片
是否有人知道如何进行简单的图像上传并将其显示在页面上。 这就是我要的东西。 用户(我)将选择一张图片 该页面将显示图像,而无需刷新页面或转到另一个文件。 倍数即可<img src>,因为我需要显示不同的图像尺寸。 这是我的代码。(其中一些是我从这里得到的编辑) <style> /* Image Designing Propoerties */ .thumb { height: 75px; border: 1px solid #000; margin: 10px 5px 0 0; } </style> <script type="text/javascript"> /* The uploader form */ $(function () { $(":file").change(function () { if (this.files && this.files[0]) { var reader = new …

9
如何在使用jQuery单击特定链接后打开引导导航选项卡的特定选项卡?
我是jquery和bootstrap的新手,所以请考虑我的错误。我创建了用于登录和注册的bootstrap模式。它包含两个分别称为登录和注册的导航选项卡。我有两个按钮弹出相同的Modal窗口,但在Modal窗口中显示不同的选项卡。每个选项卡中都有一个带有许多输入的表单。我的问题是,当我单击“登录”按钮时,在模式中弹出“登录”选项卡时弹出模式,而当我单击页面上的“注册”按钮时,则打开注册选项卡。 这些是模态打开的2个链接: <div class="header-login-li" style="background-color:gray;float:left;width:100px;height:60px;"> <a data-toggle="modal" href="#regestration" class="header-register-a" > <big> <font color="white" class="header-register-font"><center style="margin-top:20px;">Login <i class="icon-chevron-down" style="font-size:20px"></i></center></font> </big></a></div> <div class="header-register-li" style="background-color:green;float:right;margin-right:-15px;width:130px;height:60px;"> <a data-toggle="modal" href="#regestration" class="header-register-a" > <big> <font color="white" class="header-register-font"><center style="margin-top:20px;">Register</center></font> </big></a> 这是我的标签及其内容的代码(我在这里避免不必要的代码): <div class="tabbable" > <ul class="nav nav-tabs" ><!--tabs--> <li class="active" style="position:absolute;margin-left:0px;" id="logintab"> <a href="#pane_login" data-toggle="tab">Login</a></li> <li style="margin-left:70px;" …

8
删除chart.js中的x轴标签/文本
如何隐藏chart.js中显示的x轴标签/文本? 设置scaleShowLabels:false仅删除y轴标签。 <script> var options = { scaleFontColor: "#fa0", datasetStrokeWidth: 1, scaleShowLabels : false, animation : false, bezierCurve : true, scaleStartValue: 0, }; var lineChartData = { labels : ["1","2","3","4","5","6","7"], datasets : [ { fillColor : "rgba(151,187,205,0.5)", strokeColor : "rgba(151,187,205,1)", pointColor : "rgba(151,187,205,1)", pointStrokeColor : "#fff", data : [1,3,0,0,6,2,10] } …


7
如何更改下拉列表的宽度?
我有一个列表框,我想减小其宽度。 这是我的代码: <select name="wgtmsr" id="wgtmsr" style="width: 50px;"> <option value="kg">Kg</option> <option value="gm">Gm</option> <option value="pound">Pound</option> <option value="MetricTon">Metric ton</option> <option value="litre">Litre</option> <option value="ounce">Ounce</option> </select> 此代码在IE 6上有效,但在Mozilla Firefox(最新版本)中无效。有人可以告诉我如何减少widthFirefox上的下拉列表吗?

3
使用HTML内的javascript动态创建SVG元素
我想在HTML页面内创建一个矩形,然后在该矩形上写一些文本。我还需要该文本作为超链接。这是我所做的,但是没有用: <!DOCTYPE html> <html> <body> <script> var svg = document.documentElement; var svgNS = svg.namespaceURI; var rect = document.createElementNS(svgNS,'rect'); rect.setAttribute('x',5); rect.setAttribute('y',5); rect.setAttribute('width',500); rect.setAttribute('height',500); rect.setAttribute('fill','#95B3D7'); svg.appendChild(rect); document.body.appendChild(svg); var h=document.createElement('a'); var t=document.createTextNode('Hello World'); h.appendChild(t); document.body.appendChild(h); </script> </body> </html> 你能帮忙吗?谢谢。
70 javascript  html  svg 

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.