タグ付けされた質問 「html」

HTML(HyperText Markup Language)は、Webブラウザーに表示されるWebページやその他の情報を作成するための主要なマークアップ言語です。HTMLに関する質問には、最小限の再現可能な例と、何を達成しようとしているのかについての考えを含める必要があります。このタグが単独で使用されることはほとんどなく、[CSS]や[javascript]と組み合わせられることがよくあります。

9
iPhoneのように、HTMLテキスト入力ボックス内にクリアボタンを配置するにはどうすればよいですか?
クリックすると<INPUT>ボックスのテキストがクリアされる、素敵な小さなアイコンが欲しいのですが。 これは、入力ボックスの外側に明確なリンクを設けるのではなく、スペースを節約するためです。 CSSのスキルが弱い... これがiPhoneの外観のスクリーンショット写真です。
131 javascript  iphone  html  css 

22
ENTERでcontenteditableが<div>を追加できないようにする-Chrome
私が持っているcontenteditable要素を、と私はいくつかのものを入力するたびにヒットし、ENTERそれが新しいを作成&lt;div&gt;し、そこに新しい行のテキストを配置します。これは少し気に入らない。 これが起こらないようにすることはできますか、少なくともそれを単に&lt;br&gt;? こちらがデモですhttp://jsfiddle.net/jDvau/ 注:これは、Firefoxの問題ではありません。

11
getImageData()エラーを修正する方法キャンバスはクロスオリジンデータによって汚染されていますか?
私のコードは私のローカルホストでうまく機能していますが、サイトでは機能していません。 コンソールからこのエラーを受け取りました、この行.getImageData(x,y,1,1).data: Uncaught SecurityError: Failed to execute 'getImageData' on 'CanvasRenderingContext2D': The canvas has been tainted by cross-origin data. 私のコードの一部: jQuery.Event.prototype.rgb=function(){ var x = this.offsetX || (this.pageX - $(this.target).offset().left),y = this.offsetY || (this.pageY - $(this.target).offset().top); if (this.target.nodeName!=="CANVAS")return null; return this.target.getContext('2d').getImageData(x,y,1,1).data; } 注:画像のURL(src)はサブドメインのURLからのものです

12
テキストボックスを自動的に大文字にするにはどうすればよいですか。
次のスタイル属性を使用してユーザー入力を大文字に設定しているため、たとえばユーザーがテキストボックスに入力し始めると 、Caps-lockボタンを押さなくてもrailway大文字に変更されRAILWAYます。 これは私が入力に使用しているコードです: &lt;input type = "text" class = "normal" name = "Name" size = "20" maxlength = "20"&gt; &lt;img src="../images/tickmark.gif" border="0" style='text-transform:uppercase'/&gt; しかし、この属性を使用しても目的の出力が得られません。
131 html 

12
favicon.icoエラーが発生する
HTMLでコーディングするためにNetbeans IDEをダウンロードしました。私はそれが初めてです。コードを実行すると、Chromeが起動し、すべてが正常に動作しています。出力-ブラウザログでなんらかのエラーが発生します。 Failed to load resource: net::ERR_EMPTY_RESPONSE (20:00:55:963 | error, network) at http://localhost:8383/favicon.ico どうすれば修正できますか?
131 html  netbeans 

4
インラインスタイルのCSS疑似クラス
Наэтотвопросестьответына スタックオーバーフローнарусском:Какпрописать:ホバーвнутриスタイル=」「? インラインスタイルを使用して疑似クラスを持つことは可能ですか? 例: &lt;a href="http://www.google.com" style="hover:text-decoration:none;"&gt;Google&lt;/a&gt; 上記のHTMLが機能しないことはわかっていますが、似たようなものはありますか? PS私は外部スタイルシートを使用する必要があることを知っています。インラインスタイルを使用してこれを行うことができるかどうかだけ私は気になりました。

18
同じファイルの入力タイプ=ファイルの「変更」を検出するにはどうすればよいですか?
ユーザーがファイルを選択したときにイベントを発生させたい。.changeイベントでこれを行うと、ユーザーが毎回ファイルを変更した場合に機能します。 しかし、ユーザーが同じファイルを再度選択した場合にイベントを発生させたいと思います。 ユーザー選択ファイルA.jpg(イベント発生) ユーザー選択ファイルB.jpg(イベント発生) ユーザーがファイルを選択しますB.jpg(イベントが発生しません。発生させたいです) どうすればできますか?

17
AngularJSエラー:クロスオリジンリクエストはプロトコルスキームでのみサポートされています:http、data、chrome-extension、https
非常に単純な角度のjsアプリケーションの3つのファイルがあります index.html &lt;!DOCTYPE html&gt; &lt;html ng-app="gemStore"&gt; &lt;head&gt; &lt;script src='https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js'&gt;&lt;/script&gt; &lt;script type="text/javascript" src="app.js"&gt;&lt;/script&gt; &lt;/head&gt; &lt;body ng-controller="StoreController as store"&gt; &lt;div class="list-group-item" ng-repeat="product in store.products"&gt; &lt;h3&gt;{{product.name}} &lt;em class="pull-right"&gt;{{product.price | currency}}&lt;/em&gt;&lt;/h3&gt; &lt;/div&gt; &lt;product-color&gt;&lt;/product-color&gt; &lt;/body&gt; &lt;/html&gt; product-color.html &lt;div class="list-group-item"&gt; &lt;h3&gt;Hello &lt;em class="pull-right"&gt;Brother&lt;/em&gt;&lt;/h3&gt; &lt;/div&gt; app.js (function() { var app = angular.module('gemStore', []); app.controller('StoreController', function($http){ this.products = …



7
CSSまたはHTMLにdata / base64として画像を埋め込む必要がありますか
サーバーでのリクエスト数を減らすために、いくつかの画像(PNGとSVG)をBASE64として直接cssに埋め込みました。(ビルドプロセスで自動化されています) このような: background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAFWHRTb2Z0d2FyZQBBZG etc...); これは良い習慣ですか?これを回避する理由はありますか?データURLをサポートしていない主要なブラウザーはありますか? おまけの質問:CSSとJSでもこれを行うのは理にかなっていますか?
130 html  css  base64 

5
マージン0で自動中央揃えできないのはなぜですか?
ある#headerdivがあり100% width、そのdiv内に順序付けられていないリストがあります。margin: 0 auto順不同リストに適用しましたが、ヘッダーdiv内の中央に配置されません。 誰か教えて頂けますか?親divの幅を定義すると、順序付けられていないリストはで中央揃えできるはずだと思いましたmargin: 0 auto。何が欠けていますか? これが私のコードです: &lt;style&gt; * { margin: 0; padding: 0; } #header { width: 100%; background-color: #333; min-height: 160px; font-family:Arial, Helvetica, sans-serif; } #sitename { font-size: 50px; width: 620px; margin:0 auto; padding-top: 35px; color:#999; } #header ul { float: right; margin: 0 auto; } #header …
130 html  css  margin 

5
HTML5キャンバスにSVGファイルを描画する
SVGファイルをHTML5キャンバスに描画するデフォルトの方法はありますか?Google ChromeはSVGを画像としてロードすることをサポートしています(そして単にを使用していますdrawImage)が、開発者コンソールはそれを警告していresource interpreted as image but transferred with MIME type image/svg+xmlます。 (この質問のように)SVGをキャンバスコマンドに変換する可能性があることは知っていますが、それが必要ないことを願っています。私は古いブラウザは気にしません(つまり、FireFox 4とIE 9が何かをサポートするなら、それで十分です)。
130 html  canvas  svg 

10
VIでHTMLファイルのインデントを整頓するにはどうすればよいですか?
すべて台無しにされた彼の巨大なhtmlファイルのインデントを修正するにはどうすればよいですか? コードファイルのインデントを修正するために使用する通常の"gg=Gコマンドを試しました。ただし、HTMLファイルでは正しく機能しないようです。それは単にすべてのフォーマットを削除しました。 また:filetype = xml、を設定して、これをだまして、これがXMLファイルであると考えられるかどうかを確認しましたが、効果はありませんでした。
130 html  vim  vi  indentation 

5
エラー:「ノード」で「appendChild」を実行できませんでした:パラメータ1のタイプが「ノード」ではありません
divに画像をドラッグアンドドロップしようとしています。画像がdivにドラッグされず、次のエラーが発生します Uncaught TypeError: Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'.draganddrop.html:20 dropdraganddrop.html:26 ondrop コード &lt;!DOCTYPE HTML&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;Creativity Dashboard&lt;/title&gt; &lt;!-- Required CSS --&gt; &lt;link href="css/movingboxes.css" rel="stylesheet"&gt; &lt;link href="css/compare.css" rel="stylesheet"&gt; &lt;!--[if lt IE 9]&gt; &lt;link href="css/movingboxes-ie.css" rel="stylesheet" media="screen"&gt; &lt;![endif]--&gt; &lt;!-- Required script --&gt; …
130 javascript  html 

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.