入力欄を作ったのですが、入力欄が画面幅いっぱいに広がってしまいます | Unity Forum | Tech Stadium Forum

入力欄を作ったのですが、入力欄が画面幅...
 
通知
すべてクリア

入力欄を作ったのですが、入力欄が画面幅いっぱいに広がってしまいます  

  RSS

Student
(@student)
メンバー Moderator
結合: 4年前
投稿: 1351
30/04/2023 9:58 am  

課題:データベースを利用したランキングシステム について質問です。

画面に入力欄(テキスト)を作ったのですが、入力欄が画面幅いっぱいに広がってしまいます。size指定をしても小さくなりませんでした。

コードは以下になります。

<?=$this->Form->input('',['type' => 'text','size'=>'10','name' => 'id'])?>

引用
Teacher
(@admin)
メンバー Admin
結合: 5年前
投稿: 1318
30/04/2023 9:59 am  
input の第一引数で適切にフィールド名を指定していれば、コードは問題ないように思います。
以下の公式ドキュメントも参考にしてみてください。
Cake\View\Helper\FormHelper::text(string $name, array $options)
 
解決しない場合、その他に実装及び修正した箇所や、スクリーンショットなどでWebページの状態を共有して頂ければ、他にもアドバイスできることがあるかもしれません。

返信引用
Student
(@student)
メンバー Moderator
結合: 4年前
投稿: 1351
30/04/2023 9:59 am  

ありがとうございます。
テキストボックスのサイズについて、サイトを探したところ、htmlでのサイズ指定(size)では、ブラウザにより解釈がことなるため、スタイルシートでピクセル指定するのがよいとの記述を見つけました。
以下に修正したところ、サイズ変更できました。

<?=$this->Form->input('ID:',['type' => 'text','style' => "width:200px;",'name' => 'id'])?>

返信引用
共有:
タイトルとURLをコピーしました