Webデザインラボ当サイトはJavaScriptが有効に設定されていないと正しく表示されません。【iPhone・iPad】投稿の準備中にエラーが起きました。後でやり直してください。2018/04/13こんにちは(・∀・)今日はJavaScriptでフォームコントロールにアクセスする方法について解説します。フォームコントロールフォームコントロールとはWebサイトでよくある、フォームのボタンやテキストボックスなどの部品のことを言います。form要素の中に配置するinput要素、button要素、textarea要素、select要素などです。formで入力フィールドを作る場合次のように書くのが一般的ですね。name="hogehoge"></form>注意点として、form要素にはid属性、input要素にはname属性を使って名前を付けています。フォームの部品には入力した内容や選択した値をサーバに送信するためname属性を付する必要があります。name属性はHTML5では非推奨なのでname属性の代わりにid属性を使用することが推奨されています。フォーム部品に関しては、値をサーバに送信する必要があるためname属性を使用することは非推奨ではありません。form要素にはid属性、input要素にはname属性を使って名前を付けています。フォームの部品にアクセスする方法フォームの部品にアクセスする場合、次のように記述します。f;},false);</script>Resulttestサンプルを実行すると、ページ読み込み直後にinput要素のvalue属性の値がid属性targetの内容testと置きかわってhogehogeになります。以上フォームコントロールへのアクセス方法についてご紹介しました。フォームコントロールへのアクセス方法の基本をご覧になると良いかと思います。Webデザインラボ中の人NYのデザイン学校でグラフィックデザインを学んだ後、同じくNYにあるWeb制作会社にてインターンからWebデザイナーへ。同時期に米国永住権(グリーンカード)を取得。その後某旅行会社系のWebクリエーター兼社内インフラ担として働いた後、結婚を機に約12年に渡るアメリカ生活を終え日本に帰国。日本では某携帯キャリアの社内Webクリエーターとして勤務。Web系に携わる前はホノルル空港でGreeterとして働いていた経験や、アメリカ国内の衣料品を中心としたアパレル系のバイヤー経験もあり。趣味はお酒を飲みながらの家でまったり音楽鑑賞とアウトドア系全般。最近は自転車にもハマってます。更新情報はTwitterかFacebookで配信してるのでフォローして確認してみて。