新しいバージョンのChromeの2行のテキストで入力type = "button"を作成します

Adam Buchanan Smith:

理由をご説明頂ければ「不可」とお答え致します。ただし、aを使用した<button>回答は除外しません。これは、この質問が求めていることではないためです。

2行の単語で入力ボタンを作成しようとしていますが、Chromeの新しいバージョンでは許可されていません。これが私が試したものです。

キャリッジリターンセパレータ

    <input type="button" value="Line One&#13;&#10;Line Two"/>

    <input type="button" value="Line One\r\nLine Two">

私はあなたが使用できることを知っていますがwhite-space: normal;、これはあなた<br>がそれをしたい場所にあなたを許可しません

input[type="submit"] {
    white-space: normal;
}

選択したボタンに新しい行を追加する方法はありますか?

すなわち

1行目

2行目

rvighne:

私はそれはだということを証明することはできませんが可能ではない、それは作ってみるのは良い考えではありませんinputボタンが複数の行を取ります。まず第一に、HTML5仕様value属性についてこれだけを述べています:

要素に値属性がある場合、ボタンのラベルはその属性の値でなければなりません

「ボタンのラベル」は仕様のどこにも定義されていないことに注意してください。つまり、それを解釈する方法を選択するのはブラウザーベンダー次第であり、解釈を自由に変更できることも意味します。

Chromeチームがそのような変更を行うことを決定したのを見たところです。それはおそらく別のブラウザーで再び発生する可能性があります。したがって、ここで見つけたソリューションは永続的なものではなく、ブラウザベンダーの気まぐれに影響されます。

そのため、この<button>要素を使用することを強くお勧めします。仕様により、改行などのHTMLフォーマットを実行できることが保証されているためです。

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

D365 New Buttonは、空の行で価格行を作成します

分類Dev

Chromeの最新バージョンでは、テキスト入力プレースホルダーが壊れていますか?

分類Dev

新しいテキスト列を作成して、最新のファイルバージョンを識別します

分類Dev

新しい行のテキストの入力グループラベルを展開します

分類Dev

JavaScriptで一連のコンソールテキストベースの入力を作成しますか?

分類Dev

javascriptで新しいテキストボックスを作成した後のユーザー入力の保存

分類Dev

button.valueはbuttonのテキスト値を変更していません

分類Dev

新しいNautilusバージョンでの従来の入力時検索

分類Dev

1つがテキストをトリガーしてもう1つのテキストを削除する2つの<button>タグを作成するにはどうすればよいですか?

分類Dev

新しいリストを作成し、パンダシリーズの値に基づいて入力します

分類Dev

Pythonを使用してテキストを入力するためのホットキーを作成し、キーが押されるのを待ってバックグラウンドで実行します

分類Dev

コンテナの新しいバージョンを作成し、do dockerhubを送信します

分類Dev

Angular Material:md-button〜ノードレッドへの入力に基づいてボタンのテキストを変更する

分類Dev

テキストファイルから特定の行をコピーして、新しい行を作成します

分類Dev

オプションのテキスト/値をJavaScriptで入力します

分類Dev

npm test を実行すると、新しいバージョンの mocha がテストの詳細を出力しないのはなぜですか?

分類Dev

同じデータベース内の指定されたテーブルの特定の行を入力して、新しいSQLテーブルを作成します

分類Dev

Seleniumを介してChromeのアドレスバーにテキストを入力します

分類Dev

カスタム属性の新しいバインディングコンテキストを作成します

分類Dev

特定の入力で「if」ステートメントをスキップします

分類Dev

このステートメントは、「new」キーワードなしで新しいオブジェクトを作成しますか?

分類Dev

フラッター:テキスト内のテキストウィジェットを新しい行でオーバーフローさせます

分類Dev

HTMLデータがフォーカスなしでテキストボックスに存在し、2番目の行のドロップダウンでデータのみが提供されない場合は、新しい行を作成します

分類Dev

php-キー条件で新しい配列を作成し、別の配列値で入力します

分類Dev

動的に作成された新しいウィンドウhtmlのhtml文字列にキャンバスコンテキストを挿入します

分類Dev

Sendgridは1つのリクエストでテンプレートとバージョンを作成します

分類Dev

最初のChrome拡張機能を作成し、選択したテキストに基づいてアクションを実行しようとしています

分類Dev

コマンドライン引数が入力されている場合は、特定のバージョンのRubyスクリプトを実行します

分類Dev

新しいバージョンのJavaを古いバージョンで実行できますか?

Related 関連記事

  1. 1

    D365 New Buttonは、空の行で価格行を作成します

  2. 2

    Chromeの最新バージョンでは、テキスト入力プレースホルダーが壊れていますか?

  3. 3

    新しいテキスト列を作成して、最新のファイルバージョンを識別します

  4. 4

    新しい行のテキストの入力グループラベルを展開します

  5. 5

    JavaScriptで一連のコンソールテキストベースの入力を作成しますか?

  6. 6

    javascriptで新しいテキストボックスを作成した後のユーザー入力の保存

  7. 7

    button.valueはbuttonのテキスト値を変更していません

  8. 8

    新しいNautilusバージョンでの従来の入力時検索

  9. 9

    1つがテキストをトリガーしてもう1つのテキストを削除する2つの<button>タグを作成するにはどうすればよいですか?

  10. 10

    新しいリストを作成し、パンダシリーズの値に基づいて入力します

  11. 11

    Pythonを使用してテキストを入力するためのホットキーを作成し、キーが押されるのを待ってバックグラウンドで実行します

  12. 12

    コンテナの新しいバージョンを作成し、do dockerhubを送信します

  13. 13

    Angular Material:md-button〜ノードレッドへの入力に基づいてボタンのテキストを変更する

  14. 14

    テキストファイルから特定の行をコピーして、新しい行を作成します

  15. 15

    オプションのテキスト/値をJavaScriptで入力します

  16. 16

    npm test を実行すると、新しいバージョンの mocha がテストの詳細を出力しないのはなぜですか?

  17. 17

    同じデータベース内の指定されたテーブルの特定の行を入力して、新しいSQLテーブルを作成します

  18. 18

    Seleniumを介してChromeのアドレスバーにテキストを入力します

  19. 19

    カスタム属性の新しいバインディングコンテキストを作成します

  20. 20

    特定の入力で「if」ステートメントをスキップします

  21. 21

    このステートメントは、「new」キーワードなしで新しいオブジェクトを作成しますか?

  22. 22

    フラッター:テキスト内のテキストウィジェットを新しい行でオーバーフローさせます

  23. 23

    HTMLデータがフォーカスなしでテキストボックスに存在し、2番目の行のドロップダウンでデータのみが提供されない場合は、新しい行を作成します

  24. 24

    php-キー条件で新しい配列を作成し、別の配列値で入力します

  25. 25

    動的に作成された新しいウィンドウhtmlのhtml文字列にキャンバスコンテキストを挿入します

  26. 26

    Sendgridは1つのリクエストでテンプレートとバージョンを作成します

  27. 27

    最初のChrome拡張機能を作成し、選択したテキストに基づいてアクションを実行しようとしています

  28. 28

    コマンドライン引数が入力されている場合は、特定のバージョンのRubyスクリプトを実行します

  29. 29

    新しいバージョンのJavaを古いバージョンで実行できますか?

ホットタグ

アーカイブ