エンジニアのひよこ_level10

【毎日更新!】新卒2年目エンジニアブログです! プログラムだけじゃなく、マネジメントとかも書いていきたい!

HTML

【HTML】IEの時だけ文字を表示させるorさせないコード【319日目】

こんな時ありませんか ページを使っていたら、IE9以下だけ正しく動かない・・・ ページのデザインが崩れる・・・ そんな時、IE9以下だけこの文字を表示させないってコードを書きたい。 HTMLで分岐を書く これでOK! 注意 IE9までしか使えません!!! IE9以下は…

【HTML】typeに何も書かなかった時のbuttonタグの挙動。【295日目】

buttonタグについて質問されたので 昨日の記事でbuttonタグについて質問されたので。 よくある使い方 <form> <input></input> <button type="submit"></button> </form> これで、formのinputタグに書かれた内容を、pustで送る送信ボタンという使い方 typeを書かなかったら 自動的に、submitとして扱われます。 submitした…

【IE】Formタグのsubmitで二重送信されてエラーが出る【294日目】

こんなときがありました <form> <input></input> <button onClick="submit();"></button> </form> こんな感じの構成で、submitが想定通りに動かなかった。 私のときは、Laravelのバリデーションのエラーで、サーバーサイドを疑いそうになった。 ブラウザの問題なのに。 IEは二重送信をそのまま送る buttonタグのonClick()でsubm…

【HTML・JS】defer。書き順関係なく、HTMLの後にJSファイルを読み込む【227日目】

いつ使うの HTMLファイルの中でscriptタグでJSファイルを読み込むときで、 ・必ず読み込んでほしいとき ・HTMLを描画終わった後にJSファイルを読み込んでほしいとき 何書くの <script src="https://xxxxxx.jp/yyyyy.js" defer> scriptタグの最後にdeferを書く 何が起きてるの 通常:HTML読み込んでscriptタグ…

【html】inputのhidden属性が、毎回同じ値を出す?【218日目】

こんなコードがあったそうです。 <form> <input type="hidden" name="fruits" value="apple"> <button type="submit" value="送信"> <input type="hidden" name="fruits" value="orange"> <button type="submit" value="送信"> <input type="hidden" name="fruits" value="grape"> <button type="submit" value="送信"> </form> これで、どのボタンを押してもfr…

【HTML】inputタグの丸いボタン、radioボタンの書き方【214日目】

こんなやつ、見たことないですか? りんごみかん 1234あ、これ押せるので試してみてください。 radioボタンって言います これはラジオボタンと呼ばれているもので、 『必ず1つだけ選ぶ』選択肢で使います。 片方を押したら、もう片方が消えるとかですね。 …