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

-備忘録

関連記事

[備忘録]Excel&PowerPoint:今日の日付を自動的にセットする方法

現在日時を自動で設定する(Office2007) ExcelやPowerPointで、例えば郵便物の送付状や、請求書などを作成する際、必ずと言っていいほど「今日の日付」を記載する。 そんなとき、自動的 …

[備忘録]Excel2007:プルダウンリストから値を入力する方法

入力ミスをなくすためにリスト入力を Excelでセル入力をする際、プルダウンで入力するようになっているケースがある。 これってどうやるの? 「データの入力規制」機能で実現 例として、「都道府県」をリス …

[備忘録]Windows10:コピペできない(クリップボードの不具合)時の対処

ファイルをコピペしようとすると不具合が起きる!? いつもWindowsを使っているが、たまにコピペができない不具合に遭遇する時がある。 何をするとこの事象が発生するのか 明確ではないが、、どうもファイ …

[備忘録]Windows11アップグレード不具合で立ち上がらなくなる!の対処方法

またまた起きたWindows11アップグレードでの不具合 今からちょうど11年前の8月、当時はWindows7,8の時代だったが、Winアップデートで立ち上がらなくなる、という大事件(!?)が発生した …

[備忘録]Firefox:検索エンジンをカスタマイズする方法

よく使う検索エンジンを優先的に Firefoxで選択した文字列の検索を行う場合、検索窓に文字列を入力(またはコピペ)すると、あらかじめ設定されている検索エンジンから選択できる。 この検索エンジンリスト …