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

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

8
自動幅と100％幅の違い
以前はwidth: auto、幅はコンテンツの幅に設定されていると想定していました。これで、親の幅全体が使用されることがわかります。 誰もがこれらの違いを説明できますか？
98 html  css 
5
データリストラベルを表示しますが、実際の値を送信します
現在、HTML5<datalist>要素はほとんどの主要なブラウザー（Safariを除く）でサポートされており、入力に提案を追加するための興味深い方法のようです。 ただし、value属性の実装との内部テキストの間にはいくつかの矛盾があるようです<option>。例えば： <input list="answers" name="answer"> <datalist id="answers"> <option value="42">The answer</option> </datalist> これは、ブラウザによって処理が異なります。 ChromeとOpera： FireFoxとIE11： いずれかを選択すると、入力には内部テキストではなく値が入力されます。ドロップダウンと入力にテキスト（「回答」）のみを表示したいのですが、42送信時に値を渡します。selectます。 ドロップダウンリストに<option>sのラベル（内部テキスト）を表示させvalue、フォームの送信時に属性を送信させるにはどうすればよいですか？
7
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時から午後11時） 木曜日の練習@ 5階（午後8時から午後11時） 日曜日の練習@（午後9時から午前12時） 出力は次のとおりです。 グループスケジュール：火曜日の練習@ 5階（午後8時から午後11時）木曜日の練習@ 5階（午後8時から午後11時）日曜日の練習@（午後9時から午前12時） では、改行を保持する方法はありますか？
98 javascript  html 
4
input type =“ text”要素内のテキストの折り返しHTML / CSS
以下に示すHTMLは、 <input type="text"/> 次のようにブラウザに表示されます。 次のテキストを追加すると、 速い茶色のキツネは怠惰な犬を飛び越えました。 以下のHTMLを使用して、 <input type="text" value="The quick brown fox jumped over the lazy dog."/> 次のようにブラウザに表示されます。 しかし、私はそれを次のようなブラウザに表示したいと思います。 input要素のテキストを折り返したい。これはtextareaなしで達成できますか？
98 html  input  word-wrap 
6
:: ng-deepの代わりに使用するもの
ルーターのコンセントによって配置された要素を角度でスタイリングしようとしていますが、生成された要素の幅が100％になるようにします ほとんどの返信から、::ng-deepセレクターを使用する必要があることがわかりましたが、Angularのドキュメントからは非推奨になっています。に代わるものはあり::ng-deepますか？
98 html  css  angular 
5
* * CSSセレクターは何をしますか？
最近* *、CSSに出会いました。 サイト参照- サイトリンク。 *CSSスタイルシートでの1つの使用法では、インターネットとスタックオーバーフローには例が殺到していますが* *、CSSで2つのシンボルを使用するかどうかはわかりません。 グーグルで検索しましたが、1つで*すべての要素が選択されるため、これに関する関連情報は見つかりませんでしたが、サイトで2回使用された理由がわかりません。これに欠けている部分は何ですか？なぜこのハックが使用されますか（ハックの場合）？
10
2つのdiv、1つは固定幅、もう1つは残り
2つのdivコンテナーがあります。 1つは特定の幅にする必要がありますが、他の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 
3
複数選択を許可せずにHTMLでリストボックスを作成する方法は？
HTMLの経験はあまりありません。シンプルなリストボックスを作成したいと思っていますが、要件の1つは複数選択を無効にすることです。リストボックスのコードのほとんどはこのようになります- <select name="sometext" multiple="multiple"> <option>text1</option> <option>text2</option> <option>text3</option> <option>text4</option> <option>text5</option> </select> ただし、これにより複数選択が可能になります。 ここでは、同様の質問が行われましたが、「最良の」回答は反対投票されました。だから私はこれが他にどのようにできるのかわかりません。助けてください。
97 html  listbox 
3
リソースはスクリプトとして解釈されますが、MIMEタイプtext / plainで転送されました-ローカルファイル用
ローカルスクリプトファイルを含めると、Google Chromeで「リソースはスクリプトとして解釈されますがMIMEタイプtext / plainで転送されました」という警告が表示されます。 サーバーから、または設定されている間違ったヘッダーに最も依存する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のスクリプトが含まれています。したがって、それらの間に実際の警告がいつ発生したかを確認することが困難になります。 ローカルまたはリモートのサーバーでファイルを実行すると、すべてが正常に機能します。 なぜクロムがこれで私を困らせているのかについてのアイデアはありますか？
7
ネイティブアプリケーション開発のためのPhonegapの使用[終了]
現在のところ、この質問はQ＆A形式には適していません。私たちは回答が事実、参考文献、または専門知識によってサポートされることを期待しますが、この質問はおそらく議論、議論、投票、または拡張された議論を誘います。この質問を改善でき、再開できると思われる場合は、ヘルプセンターにアクセスしてください。 7年前休業。 最近Phonegapに出会いました。誰かに試してもらいましょう。開発者がSencha touchやJqueryのようなHTML 5ベースのフレームワークを同時に使用して電話のネイティブ機能にアクセスできると主張するその驚くべきツール。また、コードはAndroidからIphoneにいくらかの労力で移植可能です。私がそれに突入する前に、フォーラムでPhonegapを使用した経験を知りたいと思います。問題点は何ですか？それはエンタープライズレベルのアプリケーション開発のために本当にスケーラブルです。
97 iphone  android  html  cordova 
15
JavaScriptでテキストボックスの値を取得する方法
JavaScriptを使用してHTMLテキストボックスから値を取得しようとしていますが、空白の後に値がありません 例えば： <input type="text" name="txtJob" value="software engineer"> 私は、「ソフトウェア」のみを取得しています。次のようなスクリプトを使用しています。 var jobValue = document.getElementById('txtJob').value 「ソフトウェアエンジニア」という完全な価値を得るにはどうすればよいですか？
97 javascript  html 
10
スクリプトタグ内のHTMLコメントはベストプラクティスですか？[閉まっている]
休業。この質問は意見に基づいています。現在、回答を受け付けていません。 この質問を改善してみませんか？この投稿を編集して、事実と引用で回答できるように質問を更新してください。 4年前休業。 この質問を改善する 次の方法は、私が操作する必要があるインラインJavaScriptではかなり一般的です。 <script type="text/javascript"> <!-- // Code goes here //--> </script> ポイントは、JavaScriptと互換性のないブラウザーがソースをレンダリングしないようにすることですが、これは現在でもベストプラクティスですか？現在使用されているブラウザーの大部分はJavaScriptを解釈できます。現代のモバイルデバイスでさえ、通常問題はありません。 「どうして？」質問：私は最近、数時間かけて、誰かが「->」の前の「//」を、一部のページの奥深くに埋め込まれたスクリプトタグの末尾に残した問題をデバッグする必要があり、これが謎のJavaScriptの原因でしたエラー。 職業はなんですか？これはまだ「ベストプラクティス」と見なされていますか？
97 javascript  html 
8
Bootstrap 3でもスケールアップするレスポンシブなイメージを作成する方法
現在、Twitterブートストラップ3を使用していますが、レスポンシブな画像を作成する際に問題が発生しています。私はimg-responsiveクラスを使いました。しかし、画像サイズは拡大されていません。width:100%代わりに使用するとmax-width:100%、完全に機能します。問題はどこだ？これは私のコードです： <div class="col-md-4 col-sm-4 col-xs-12 "> <div class="product"> <div class="product-img "> <img class="img-responsive" src="img/show1.png" alt="" /> </div> </div> </div>
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.