あじちゃんのブログ。備忘録。

〜SEもOLなんですかね?

HTML

【HTML】checkbox のチェックを付けていない時もパラメータを送る

checkbox のチェックが付いていない場合、 name も value も送信されない <input type="checkbox" name="test" value="on"> name属性が同じ場合、後に書かれたものが優先的に送信される <input type="hidden" name="test" value="off">…

display:none の時のimgサイズ

へーと思ったのでメモ。 display:none の時のimgサイズは 0*0pix になる 表示中のサイズ 非表示中のサイズは0になる ソースはこんな感じ <body> <div class="wrap"> <button id="item">さーばる</button> <button id="reset" style="display: none;">もどす</button> <div style="margin-top: 1em;"> <img alt="さーばる" src="animal_serval.png" style="display: none; height: 30%;"> …</div></div></body>

webの送信処理についての基礎

formタグについて 送信をするためにはformタグを用いる必要があります.(Ajax通信を用いる場合やHTML5の場合は不要) <form>~</form> の間には(formタグを入れ子にする以外)どんなタグが埋め込まれていても問題ありません. formタグには必須の属性が2つあります. actio…

MySQLからの出力で改行を表示する(PHPで処理)

これだと、改行が反映されない <table> @foreach ($items as $items) <tr> <td>{{ $items['comment'] }}</td> </tr> @endforeach </table> 修正するとこんな感じになりました <table> @foreach ($items as $items) <tr> <td> <pre>{{ $items['comment'] }}</pre> </td> </tr> @endforeach </table> preだとフォームみたいなのがついちゃうの…

display:flex と<li>でちょっと困ったやつ

liタグに display:flex をつけたらマーカーが消えちゃう ↓みたいな要素を横並びにしたくてスタイルを当てていたんだけど <ul> <li> <h3>hogehoge</h3> <div> <input type="button" value="button"/> </div> </li> </ul> ul { list-style: square inside; } li { display: flex; align-items: center; } input { margin-left: 10px; } こん…