コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > 入力チェックボックスのクリック範囲を拡大する方法

入力チェックボックスのクリック範囲を拡大する方法

php中世界最好的语言
リリース： 2018-01-22 10:45:54
オリジナル
3302 人が閲覧しました

今回は、入力チェックボックスのクリック範囲を拡大する方法と、入力チェックボックスのクリック範囲を拡大するための注意事項を紹介します。実際のケースを見てみましょう。 

<p style="
width
:100%;
height
:100px;"><input type="checkbox" 
onclick
="
All
_None(this.checked)" style="width:100%;height:100%;"></p>
ログイン後にコピー

幅と高さを 100% に設定します。

これらの事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、PHP 中国語 Web サイトの他の関連記事に注目してください。

関連書籍:

HTML テキストの書式設定の詳細な例

h5 入力ボックス プロンプト + 通常のテキスト ボックス プロンプトを実装する方法

border-radius 要素に丸い境界線を追加する方法

以上が入力チェックボックスのクリック範囲を拡大する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル：
input
ソース：php.cn
前の記事：HTMLでのメタ設定方法 次の記事：HTML要素に画像を埋め込む方法
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
送信後に選択したチェックボックスの値を印刷する方法 これは、データを送信するために必要なチェックボックスとボタンのリストです。<label>AccessLocations</label><br/>...
から 2024-04-06 13:07:43
0
2
337
継続クラスに CSS スタイルを適用する方法 .checked クラスが存在する場合、text-decoration:line-through; スタイルを .todo-name に挿入する必要があります (CSS で実行でき...
から 2024-04-02 22:44:36
0
1
319
Bootstrap Vue チェックボックス <b-table> <b-form-checkbox> b-table で b-form-checkbox を使用しようとしています。選択したモジュール ID を取得してみます。 <b-tableid="module-t...
から 2024-03-31 18:36:11
0
1
389
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート