入力フォームで複数行の入力欄を作成する方法
ホームページ上に入力フォームを作成します。
今回は入力欄を作ることを学びましょう!
前回は、入力フォームの作成を勉強しましたね!
前回の記事→入力フォームを作る form action method
フォームの中に入力欄を作成するには、<form></form>の中に<input type="【入力タイプ】" size="【幅】" value="【初期値】"maxlength"【最大文字数】" name="【変数名】">
を記入します。
それぞれ開設していきます。
【入力タイプ】:text 普通の文字列の入力用となります
password パスワードの入力用になり、入力した
文字は、●や*で表示される
【幅】:入力欄の幅を指定。
【初期値】:最初から入力される文字を指定。
【最大文字数】:入力可能な文字数
【変数名】:入力された内容を識別するための名前。
また、複数行の入力欄を作成したい場合は次のようになります。
<textarea name="【変数名】" rows="【行数】" cols="【幅】" wrap="【改行方法】">文字列</textarea>
【行数】:入力欄の行数。
【改行方法】:
soft 入力欄の右端で改行する。送信データには改行されない。
hard 入力欄の右端で改行。送信データにも改行される。
off 入力欄の右端で改行されません。
このように、フォームの入力欄にも2種類あります。
氏名など1行で収まる場合は、上記の方法で、アンケートなど
複数行になる可能性のある場合は下記の方法でフォームを作成
するといいと思います。
今回は入力欄を作ることを学びましょう!
前回は、入力フォームの作成を勉強しましたね!
前回の記事→入力フォームを作る form action method
フォームの中に入力欄を作成するには、<form></form>の中に<input type="【入力タイプ】" size="【幅】" value="【初期値】"maxlength"【最大文字数】" name="【変数名】">
を記入します。
それぞれ開設していきます。
【入力タイプ】:text 普通の文字列の入力用となります
password パスワードの入力用になり、入力した
文字は、●や*で表示される
【幅】:入力欄の幅を指定。
【初期値】:最初から入力される文字を指定。
【最大文字数】:入力可能な文字数
【変数名】:入力された内容を識別するための名前。
また、複数行の入力欄を作成したい場合は次のようになります。
<textarea name="【変数名】" rows="【行数】" cols="【幅】" wrap="【改行方法】">文字列</textarea>
【行数】:入力欄の行数。
【改行方法】:
soft 入力欄の右端で改行する。送信データには改行されない。
hard 入力欄の右端で改行。送信データにも改行される。
off 入力欄の右端で改行されません。
このように、フォームの入力欄にも2種類あります。
氏名など1行で収まる場合は、上記の方法で、アンケートなど
複数行になる可能性のある場合は下記の方法でフォームを作成
するといいと思います。
「入力フォームで複数行の入力欄を作成する方法」はいかがでしたか?
他にもいろんな情報が満載です!
どうぞごゆっくりご覧ください!