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

-備忘録

関連記事

[備忘録]Windows11アップデート手順

Windows10サポート期限まで1年を切った。。 Windows10サポート期限(2025.10.14)まで1年を切り、そろそろWindows11へのアップデートを本格的に意識する時期になってきまし …

[備忘録]USBメモリ・USBドライブにパスワード・暗号化設定する方法

Windowsの標準機能「BitLocker」を使う windowsには標準機能として「BitLocker」という、ドライブを暗号化する機能が搭載されている。 今回は、バックアップ用 外付けUSBドラ …

[備忘録]Windows8:チャームを表示させない方法

マウス操作するたびにチャームが表示されウザイ。。 愛用のノートPC(LetsNOTE)のOSは Windows8だが、、画面の右端の方でマウス操作をしているとチャームが突然表示され、、非常にウザイ。。 …

[備忘録]GoogleフォームのURL短縮

簡単に短縮できた! イベントの申し込み等を簡単便利に作成できる「Googleフォーム」、URLが長くて案内メールに貼り付けたりすると1行に収まらずに難儀していた。。 今までは bitly(ビットリー) …

[備忘録]Android:過去に購入したアプリを再インストールする方法

一度購入したアプリは再度課金せず再インストール可能! Androidの有料アプリを購入したが、何らかの事情で もう一度インストールしたい場合、再度課金せずにインストール可能です! Google Pla …