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」と表示される!
 
 

-備忘録

関連記事

[備忘録]複数のWordファイルをJPG画像に一括変換

Word → PDF → JPEG と変換する 大量のWordファイルのサムネイル画像を作る必要があり、、1ファイルずつ手作業でやっていたのでは非効率なので、複数ファイルを一括変換できる方法を模索した …

[備忘録]ハードディスクのパーテーションを拡張する方法

空き容量が減ってきたので 500GB→1TBのHDDへ交換 500GBのハードディスクを使っていたが、、空き容量がだいぶ少なくなってきた。。 不要ファイルを削除するなどして 空き容量を増やすも 90% …

[備忘録]PowerPoint:画面時の「発表者ビュー」機能をOFF

Zoomの画面共有で支障が。。 PowerPoint(パワーポイント)の比較的新しいバージョンの機能として、2画面モードでスライドショーすると、メイン画面が「発表者ビュー」(↓)になる場合がある。 通 …

[備忘録]Excel:ワークシート別にPDF出力する方法

マクロで実現可能! 参考:https://www.ymbtax-blog.com/to-pdf-from-excel-worksheet/ 事前準備 ・ツールバーの「開発」をクリック(「開発」タブがな …

[備忘録]Acrobat Reader DC:ツールメニューを消す方法

開くたびにウザいツールパネルウィンドウ Acrobat Readerの結構新しいバージョンを使っていると、PDFファイルを開くたびに文書の右側にツールのエリアが表示され、とてもウザい。。 右向き矢印を …