フォームを作る時にで
HTMLを使い、
<form>
<input type="text"・・・・・・・
のように書いていくのと、
PEARのHTML_QuickForm ってのを使う奴。
それはどちらの方がいいのでしょうか。
どっちがいい。とは言いけれないと思うので、
それぞれの利点、及び短所を教えてください。
HTMLを使い、
<form>
<input type="text"・・・・・・・
のように書いていくのと、
PEARのHTML_QuickForm ってのを使う奴。
それはどちらの方がいいのでしょうか。
どっちがいい。とは言いけれないと思うので、
それぞれの利点、及び短所を教えてください。
<input type="radio" name="R1">男
<input type="radio" name="R1">女
↓
男 女
これでラジオボタンが作れる。選択するものが少ないときに便利。
「value」を使えば値の指定もできる。「checked」を書くと、あらかじめ選んである状態になる。
<input type="radio" name="R2" value="1" checked>男
<input type="radio" name="R2" value="0">女
男 女
男が選択されてる
「name」を別々に設定した場合、両方選択可能になる。
<input type="radio" name="R3" checked>男
<input type="radio" name="R4" checked>女
男 女
ちょっとおかしい
<input type="radio" name="R1">女
↓
男 女
これでラジオボタンが作れる。選択するものが少ないときに便利。
「value」を使えば値の指定もできる。「checked」を書くと、あらかじめ選んである状態になる。
<input type="radio" name="R2" value="1" checked>男
<input type="radio" name="R2" value="0">女
男 女
男が選択されてる
「name」を別々に設定した場合、両方選択可能になる。
<input type="radio" name="R3" checked>男
<input type="radio" name="R4" checked>女
男 女
ちょっとおかしい
<select name="menu1">
<option>PHPの質問</option>
<option>Javascriptの質問</option>
<option>HTMLの質問</option>
<option>CSSの質問</option>
</select>
これで選択リストができる。「選択」だから「select」なのね。
こんなの
あと三つ改良が可。
選択リスト終了。
また長ったらしくなってきてしまった。改善しなくちゃ、、
<option>PHPの質問</option>
<option>Javascriptの質問</option>
<option>HTMLの質問</option>
<option>CSSの質問</option>
</select>
これで選択リストができる。「選択」だから「select」なのね。
こんなの
あと三つ改良が可。
- 複数の値の表示
上の奴は1個しか表示できてないけど、「size」をつかって、
<select size="4" name="menu1">
<option>PHPの質問</option>
<option>Javascriptの質問</option>
<option>HTMLの質問</option>
<option>CSSの質問</option>
</select>
こう書くと、
こうなる - 表示させる文字と使う値を別に
文字列は「PHPの質問」と表示させてもデータベースに「1」をセットしたいとき。「value」を使って
<select size="4" name="menu1">
<option value="1">PHPの質問</option>
<option value="2">Javascriptの質問</option>
<option value="3">HTMLの質問</option>
<option value="4">CSSの質問</option>
</select>
こう書くと、「PHPの質問」を選択されても、「1」を受け取れる。 - 最初に表示される項目
普通なら一番上の値が最初に選択されてますが、例えば「CSSの質問」を最初に設定しておきたい時は、「selected」を書く。
<select name="menu1">
<option value="1">PHPの質問</option>
<option value="2">Javascriptの質問</option>
<option value="3">HTMLの質問</option>
<option value="4" selected>CSSの質問</option>
</select>
これで
こうなる
選択リスト終了。
また長ったらしくなってきてしまった。改善しなくちゃ、、
<input type="password" name="p1">
のように「type="password"」とやるとパスワードボックスになる。
パスワードボックスに文字を打っても、「****」こんな感じにアスタリスクで表示される。
パスワードとか、見えないほうがいい奴はこれで。
入力してみて
ちなみに「autocomplete="off"」を入れるとオートコンプリートされないようになります。
のように「type="password"」とやるとパスワードボックスになる。
パスワードボックスに文字を打っても、「****」こんな感じにアスタリスクで表示される。
パスワードとか、見えないほうがいい奴はこれで。
入力してみて
ちなみに「autocomplete="off"」を入れるとオートコンプリートされないようになります。
テキストエリアは複数行の入力が可能な領域。メールフォームなど用途は多い。
<textarea name="textarea1" rows="2" cols="20"></textarea>
こんな感じ
「row」は行数を指定、
「cols」は列数を指定できる。
入力した文字列が長くなっても自動的に改行されないらしい。
あらかじめ説明とかの文字を表示しとく時にはこうやる。
<textarea name="textarea1" rows="5" cols="30">
ご自由に入力してください
</textarea>
こうなる
「row(行数)」を「cols(列数)」を増やしたので大きくなってます。
<textarea name="textarea1" rows="2" cols="20"></textarea>
こんな感じ
「row」は行数を指定、
「cols」は列数を指定できる。
入力した文字列が長くなっても自動的に改行されないらしい。
あらかじめ説明とかの文字を表示しとく時にはこうやる。
<textarea name="textarea1" rows="5" cols="30">
ご自由に入力してください
</textarea>
こうなる
「row(行数)」を「cols(列数)」を増やしたので大きくなってます。
<input type="text" name="T1">
でテキストボックスが作れる。
こんなの
「maxlength」ってのを加えると最大文字数を変えられる。
<input type="text" name="T1" maxlangth="20">
説明は良くわからないが、20 ってのは文字数で半角でも全角でも20だからあんまり良くないらしい。
「size」を加えると、見た目の幅が変えられる。
<input type="text" name="T1" size="50">
大きくなりました
テキストボックスは基本中の基本。でも、一行だけなので、数行の時はテキストエリアを。
でテキストボックスが作れる。
こんなの
「maxlength」ってのを加えると最大文字数を変えられる。
<input type="text" name="T1" maxlangth="20">
説明は良くわからないが、20 ってのは文字数で半角でも全角でも20だからあんまり良くないらしい。
「size」を加えると、見た目の幅が変えられる。
<input type="text" name="T1" size="50">
大きくなりました
テキストボックスは基本中の基本。でも、一行だけなので、数行の時はテキストエリアを。
| TOP |
Calendar
