ImpressCMS
HOME  >  JSCRIPT  > DOMの指定方法 > フォーム要素を選択

10 - 6 : フォーム要素を選択

form要素には、input要素やselect要素などがあります。
で、一般的にform要素の細かい記述には
<form method="post" action="answer.php">
  名前: <input type="text" name="namae"> <br>
  電話: <input type="text" name="denwa"> <br>
  性別: <input type="radio" name="seibetsu" value="1">男性 <input type="radio" name="seibetsu" value="2">女性 
</form> 
みたいな記述をします。
このとき、inputタグ全体ではなく、input要素のうちtypeがtextの要素だったり、input要素のうちnameが"denwa"の要素だったりという絞り込みをすることがあります。
この場合、このように記述をします。CSSの場合は
/* typeがtextのinput要素 */
input[type='text'] {
 color: red;
}

/* nameがdenwaのinput要素 */
input[name='denwa'] {
 color: green;
}
と表記をし、jQueryの場合は
// typeがtextのinput要素 
$('input[type="text"]').メソッド;

/* nameがdenwaのinput要素 */
$('input[name="denwa"]').メソッド;

という書き方になります。注意すべき点は、cssの場合はコーテーションとダブルコーテーションのいずれかを使えばいいですが、jQueryでDOMを指定する場合は、分けて使わないと(どちらもコーテーション、どちらもダブルコーテーションを使うことをしない)構文エラーになります。
 
Publish : 1671 bytes - updated 2024-08-05 by 管理人