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:別ファイルに日付をコピペすると日付(年)が変わる。。

コピペで「4年」ズレる Excelの「日付」を、別のブック(ファイル)にコピペすると、「年」が4年ズレることがある。。 その原因と、対処方法を。   「1904年から計算する」オプション Excelウ …

[備忘録]PC版LINE電話:着信音を変更する方法

簡単には消せないので音源ファイルを変更してみた スマホでの文字入力がとにかくニガテで遅いワタシは、、パソコン版LINEでメッセージを書くことが多い。 が、PC版LINEでLINE通話を受信すると、パソ …

[備忘録]ATOKからIMEに勝手に変わって困るときの対処:Windows10版

なぜか勝手に切り替わる日本語ソフト パソコンの日本語入力は、もう15年ちかく「ATOK」を使っている。 が、なぜかたまに標準装備の「IME」に勝手に切り替わっていることがある。。 いちいちATOKに切 …

[備忘録]phpMyAdmin:データベース名を変更する方法

パッと見わかりにくいのでメモ。。 データベース(DB)を管理するのに phpMyAdminを使うととても便利だが、、 今回データベース名を変更する必要があって、phpMyAdminから一通り探してみた …

[備忘録]WordPressのスパムメール対策「Akismet」

問い合わせフォームから大量のスパムメールが。。 運営するとあるサイトで、ある日から突然 大量のスパムメールが送られてくるようになった。 WordPressの「Contact Form 7」というフォー …