この記事で共有されているコンテンツは、初心者が学習するのに適した一般的に使用されるHTMLオブジェクト属性に関するものです。このWebサイトには、初心者が学習するのに適した一般的に使用されるHTMLオブジェクト属性が含まれています。記事の初心者のオブジェクト属性のアプリケーション方法と知識の関連する方法と知識を説明します。この点でいくつかのサポートとヘルプを提供してください!以下は詳細です。
この記事があなたと共有しているのは、初心者に学ぶのに適した一般的に使用されるHTMLオブジェクトプロパティに関するものです。
フォームオブジェクトフォームオブジェクトメソッド
reset():フォームのすべての入力要素をデフォルト値にリセットします。
submit():フォームを送信します。
テキストオブジェクトテキストオブジェクトプロパティ
無効:テキストフィールドを無効にする必要があるかどうかを設定または返します。
readonly:テキストフィールドを読み取り専用にする必要があるかどうかを設定または返します。
値:テキストフィールドの値属性を設定または返します。
テキストオブジェクトメソッド
Focus():テキストフィールドにフォーカスを設定します。
例
<!Doctype html> <html> <head> <meta charset = utf-8> <title> </title> </head> <body> <form> <入力name = wd/> <入力タイプ= sub = sub()> </form> <スクリプト> var form = documentelementionbytagramame(form)[0]; var text = document.getElementsbyname(wd)[0]; text.focus(); function sub(){var text = document.getelementsbyname(wd)[0]; // text.value = magic; // text.readonly = true; // console.log(text.readonly); // text.disabled = true; console.log(text.disabled); text.focus(); } //タイプのテキスト、パスワード、およびTextareaのタグには、価値、フォーカス、無効、およびreadonly </script> </body> </html>ラジオオブジェクト無線オブジェクトのプロパティ
チェック:ラジオボタンのステータスを設定または返します。
無効:無線ボタンを無効にするかどうかを設定または返します。
値:ラジオボタンの値プロパティの値を設定または返します。
チェックボックスオブジェクトチェックボックスオブジェクトのプロパティ
チェック:チェックボックスを選択する必要があるかどうかを設定または返します。
無効:チェックボックスを無効にするかどうかを設定または返します。
値:チェックボックス値属性の値を設定または返します
オブジェクトを選択しますオブジェクトコレクションを選択します
オプション[]:ドロップダウンリストのすべてのオプションを含む配列を返します。
オブジェクトプロパティを選択します
無効:ドロップダウンリストを無効にするかどうかを設定または返します。
長さ:ドロップダウンリストのオプションの数を返します。
SelectedIndex:ドロップダウンリストに選択したアイテムのインデックス番号を設定または返します。
オブジェクトメソッドを選択します
追加():ドロップダウンリストにオプションを追加します。
削除():ドロップダウンリストからオプションを削除します。
オプションオブジェクトオプションオブジェクト構築方法
オプション(テキスト、値):テキストと値の値を使用してオプションオブジェクトを作成します
オプションオブジェクトプロパティ
選択:選択したプロパティの値を設定または返します。
テキスト:オプションのプレーンテキスト値を設定または返します。
値:サーバーに送信された値を設定または返します。
オブジェクトとオプションオブジェクトの例を選択します<!Doctype html> <html> <head> <meta charset = utf-8> <title> </title> </head> <body> <select id = grade> <option value> <option value> <option value>> option> <option> <option value = 2> 2年生</option> <option値= 3> 2年生> option> <option = 4> <値=ボタン/ボタン/> <スクリプトタイプ= text/javascript> function text(){var select = document.getElementById(grade); console.log(select.disabled); console.log(select.length); console.log(select.selectedindex); console.log(~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~`) var options = select.options; console.log(options [select.selectedIndex] .Value); console.log(@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@) console.log(options [i] .selected); console.log(options [i] .text); } var option = new Option(5年生、5); select.add(option); select.remove(0); } </script> </body> </html>登録フォーム<!doctype html> <html> <head> <head> charset = utf-8> <title> </title> </head> <body> <span style = color:red; id =誤解> </span> <br/> <form onsubmit = return check()> <table> <tr> <td> username:</td> <td> <input id = name placeholder = inpreate username onblur = check_name()> </td> </tr> <td = place = placed> <plosh <plose> <pless> <pless> <plod> <place> <place> <place> <place> <place> <plot> <place> <ploth onblur = check_pw()> </td> </tr> <tr> <td>パスワードの確認:</td> <td> <入力id = pw-checkタイプ=パスワードプレースホルダー=確認パスワードを入力してください値= 0/> badminton <入力タイプ=チェックボックス名=趣味値= 1/>バスケットボール<入力=チェックボックス名=趣味値= 1/>テーブルテニス<入力<入力タイプ=チェックボックス名=趣味値= 3/> <選択ID =グレード> <オプション値= 1>フレッシュマン</オプション> <オプション=オプション< </select> <br/> <td> <入力タイプ= reset value = reset/</td> <td> <input type = submit value = register/</td> </form> <script> // $()関数を使用できます。 } function check(){var n = document.getElementById(name); var w = document.getElementById(PW); var msg = document.getElementById(間違ったマッサージ); var c = document.getElementById(PW-Check); (n.value.length> 12){msg.innerhtml =ユーザー名は15文字を超えることができない場合、再入力してください! ; n.focus(); falseを返します。 } if(n.value.length == 0){msg.innerhtml =ユーザー名を空にすることはできません、再入力してください! ; n.focus(); falseを返します。 } if(w.value.length> 12){msg.innerhtml =パスワードは12文字を超えることはできません、再入力してください! ; w.focus(); falseを返します。 } if(w.value.length == 0){msg.innerhtml =パスワードを空にすることはできません、再入力してください! ; w.focus(); falseを返します。 } if(w.value!= c.value){msg.innerhtml =パスワードは間違っています、再入力してください! ; c.focus(); falseを返します。 } var sex = document.getElementsbyname(sex); var hobby = document.getElementsbyname(趣味); for(var i = 0; i <sex.length; i ++){sex [i] .disabled = true; console.log(sex [i] .checked + + sex [i] .value); } console.log(~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~) for(var i=0;i<hobby.length;i++){ hobby[i].checked = true; console.log(趣味[i] .checked + + hobby [i] .value); } console.log(~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~) var select = document.getElementById(grade); var options = select.options; console.log(select.length); console.log(select.selectedindex); console.log(options [select.selectedIndex] .Value); for(var i = 0; i <options.length; i ++){var option = options [i]; console.log(option.value)select.disabled = true; } falseを返します。 } function check_name(){var n = document.getElementById(name); var msg = document.getElementById(間違ったマッサージ); (n.value.length> 12){msg.innerhtml =ユーザー名は15文字を超えることができない場合、再入力してください! ; n.value =; n.focus(); } else if(n.value.length == 0){msg.innerhtml =ユーザー名を空にすることはできません、再入力してください! ; n.focus(); } else {msg.innerhtml =; }} function check_pw(){var w = document.getElementById(PW); var msg = document.getElementById(間違ったマッサージ); (w.value.length> 12){msg.innerhtml =パスワードは12文字を超えることができない場合、再入力してください! ; w.value =; w.focus(); } else if(w.value.length == 0){msg.innerhtml =パスワードが一致しない、再入力してください! ; w.focus(); } else {msg.innerhtml =; }} </script> </body> </html>画像オブジェクト画像オブジェクトプロパティ
SRC:画像のURLを設定または返します。
初心者が学習するのに適した一般的に使用されるHTMLオブジェクトプロパティの紹介の内容はここにあります。このページのURLをブックマークしてくださいhttp://www.vevb.com/web/a/2018090496002.shtml