なんちゃってプログラマのぼやき

この広告は30日以上更新がないブログに表示されております。
新規記事の投稿を行うことで、非表示にすることが可能です。

html のinput="text"のタグの幅を自動で最大に設定する方法です。

例えば、テーブルにテキストの入力欄を入れたい場合、
テーブルのセル幅が可変だと、テキスト入力欄もテーブルのセル幅に合わせて
自動調整してほしいところです。そのあたりをメモφ(..)

<table>
　　<tr>
　　　　<td style="width:100px">
　　　　　　サンプルデータ 
　　　　</td>
　　　　<td style="position:relative">
　　　　　<input type="text" style="width:100%; box-sizing:border-box" placeholder="入力欄">
　　　　</td>
　　</tr>
</table>

style="position:relative
で相対位置になるようにしておき、
inputタグに、
style="width:100%; box-sizing:border-box"
を記述すれば自動でテキストボックスMAX幅になりました！

初歩的なのですが、buttonタグで少しハマりました・・・

buttonタグでボタンを作成し、クリックするとonclickで指定したＵＲＬにとばず、
画面がリロードされてしまう・・・(-"-)

解決は単純で、typeが抜けています。

【誤】<button　onclick="URL">ボタン</button>
【正】<button type="button"　onclick="URL">ボタン</button>

typeを指定しない場合、デフォルトの処理でリロードされるようです。

buttonタグのtype属性でとれる値は以下の３つです。
【submit】送信ボタン
（例）
<button type="submit">送信</button>

【reset】リセット
（例）
<button type="reset">リセット</button>

【button】
（例）
<button type="button"　onclick="ＵＲＬ">ページ遷移</button>