JSで入力の値を取得するにはどうすればよいですか?-jsチュートリアル-php.cn

JSで入力の値を取得するにはどうすればよいですか?

Guanhui

リリース： 2020-06-04 09:56:48

オリジナル

10473 人が閲覧しました

JSで入力の値を取得するにはどうすればよいですか?

#JS 入力の値を取得するにはどうすればよいですか?

最初に「querySelector()」を使用して要素オブジェクトを取得し、入力選択ルールをこのメソッドに渡すだけで済みます;

コード例

ログイン後にコピー

var inputEl = document.querySelector('[name="username"]');

ログイン後にコピー

最後に、input 要素オブジェクトの value 属性は入力の値であるため、この属性を取得するだけで済みます。
#

var inputEl = document.querySelector('[name="username"]');

var val = inputEl.value;

console.log(val);

ログイン後にコピー

入力属性 HTML5

##Attributeacceptmime_type#整列左画像入力の配置を指定します。 alttext画像入力の代替テキストを定義します。 autocompleteonautofocusautofocuscheckedcheckedこの入力要素が初めてです。ロード時に選択する必要があります。 disableddisabled入力要素のロード時にこの要素を無効にします。 formURL注を参照 get postformnovalidate_blank#高さ入力フィールドの高さを定義します。 (type="image" に適用) list は、事前定義された入力フィールドを指します。オプションのデータリスト。 #最大入力フィールドの最大値を指定します。 maxlength分入力フィールドの最小値を指定します。 multiplenamepatternregexp_pattern入力フィールドの値のパターンまたは形式を指定します。 #step入力文字の有効桁数の間隔を指定します。タイプvaluevalue#幅##推奨チュートリアル: 「JS チュートリアル #」

Value	Description
	ファイルアップロードによって送信されるファイルのタイプを指定します。
	右上中央 bottom 非推奨です。

	off を使用するかどうかを指定します。入力フィールドのオートコンプリート機能。
	ページの読み込み時に入力フィールドにフォーカスを取得するかどうかを指定します。	(type="hidden" には適用されません)


formname	入力フィールドが属する 1 つ以上のフォームを指定します。	#formaction
	フォームの action 属性をオーバーライドします。 #(type="submit" および type="image" に適用)	formenctype
フォームの enctype 属性をオーバーライドします。	(type="submit" および type="image" に適用)	formmethod
	フォームのメソッド属性をオーバーライドします。 (type="submit" および type="image" に適用)	formnovalidate
フォームの novalidate 属性をオーバーライドします。	この属性を使用すると、フォームの送信時に検証は実行されません。	#formtarget
_self	_parent _top framename フォームのターゲット属性をオーバーライドします。 (type="submit" および type="image" に適用)
	ピクセル %
	datalist-id
	番号日付	有効な値の範囲を作成するには、「min」属性とともに使用してください。
number	入力フィールドの文字の最大長を指定します。
	番号日付	有効な値の範囲を作成するには、「max」属性とともに使用してください。
multiple	この属性を使用する場合、複数の値が許可されます。
field_name	入力要素の名前を定義します。
		たとえば、pattern="[0-9]" は、入力値が 0 から 9 までの数値である必要があることを意味します。
placeholder	text	ユーザーが入力フィールドに入力するのに役立つプロンプトを指定します。
readonly	readonly	入力フィールドが読み取り専用であることを指定します。
required	required	入力フィールドの値が必須であることを示します。
size	number_of_char	入力フィールドの幅を定義します。
src	URL	送信ボタンとして表示される画像の URL を定義します。
	number
	ボタンチェックボックスファイル非表示画像パスワードラジオ #リセット送信テキスト入力要素の種類を指定します。
	入力要素の値を指定します。
	ピクセル % 入力フィールドの幅を定義します。 (type="image" に適用)