CEOブログ

横浜で活躍するホームページ作成・開発会社アットライズの代表取締役社長(CEO)が綴る、日々の奮闘記!!

備忘録

[備忘録]HTMLフォームで先頭の「0」(ゼロ)も表示させる方法

投稿日:

電話番号など、先頭の「0」が表示されない対処方法

Webサイトでフォームを作る際、例えば「電話番号」は、普通に「input type=”text”」にしてしまうと、「0451234567」と入力された際 表示した時に先頭の「0」が表示されず「451234567」となってしまう。

これを防ぐために「045-123-4567」にすべく 入力項目を『[ ]-[ ]-[ ]』などのように3つに区切ったりするのは、入力がものすごく手間になるので避けて欲しい。。

基本的に電話番号は、「045-123-4567」「0451234567」の どちらも不正解ではないし、どちらの入力もあり得る。どちらのフォーマットでも良いから 1項目で入力させ、先頭のゼロも表示させたい! という時は、以下のようにすべし!

ChatGPTが教えてくれた「htmlspecialchars」関数

ChatGPTに質問したら、サンプルコードまで表示して詳しく教えてくれた。
そしてそのキモは「htmlspecialchars」関数
 
————————————–
<input type="text" name="phone" placeholder="電話番号">
————————————–
の入力項目に対し、
————————————–

————————————–
と変換してやると「$phoneValue」は先頭に「0」が付いたままの価となる。
※もちろん入力値「045-123-4567」の場合は、そのまま「045-123-4567」と表示される!
 
 

-備忘録

関連記事

不正侵入か?ネットワークに未知のスマホが表示される件

侵入とか不正アクセスではないらしい 日頃仕事ではWindows7パソコンを使っているが、社内PCのメンテナンスでWindows10を使ったら、、 エクスプローラの「ネットワーク」に見知らぬスマホが表示 …

[備忘録]Facebookの動画をダウンロードする方法

Chromeの拡張機能「Video Downloader PLUS」を使う! Facebookの「思い出」機能で、過去の同じ日に投稿した記事を見ることができる。 たまたま今日、それを見ていたら 5年前 …

[備忘録]ChatGPTで学習させない方法

個人情報や固有名詞は避けるのが無難 日々の業務でChatGPTが欠かせなくなってきているが、、一つ難点は入力情報が学習データとして使われること。 一般的な情報なら何ら問題ないが、個人情報や固有名詞が入 …

[備忘録]Website Explorer:サイト丸ごとダウンロード

ちょっと分かりづらい。。 Webサイトの解析ツール「Website Explorer」で、サイト丸ごとダウンロード保存する方法をメモ。。 参考:https://www.asobou.co.jp/blo …

[備忘録]レッツノート:BIOSの起動・DVDドライブからの起動

F2キー押下ではダメな時に 通常、パソコンでのBIOS起動は、立ち上げ時に「F2」キー(機種によっては「F12]とかもあるけど)を押下するが、Let’s noteでではダメだったので、調べ …