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

-備忘録

関連記事

[備忘録]ATOKで推測候補から削除する方法

間違って変換した推測候補がウザイ 長年、日本語変換にはジャストシステムの「ATOK」を愛用してきた。 標準のIMEなどと比べると秀逸で、もうATOKナシではいられない。。(ちと大げさか…( …

[備忘録]WordPressの自動更新を抑止する方法

バージョンアップで思わぬ不具合が出る可能性も。。 WordPressから以下のようなメールが届いた。 ————— Original Mess …

[備忘録]Zoom:「定期開催」ミーティングの設定方法

ブラウザからログインして設定すべし! Zoomで定期的な(常駐)ミーティング(「定期開催」というらしい)を設定したいのだが、設定方法がなかなか見つからず難儀した。。 調べてみたところ、どうやらアプリで …

[備忘録]逆テザリング:WindowsパソコンをWiFiアクセスポイントにする方法

スマホで「テザリング」機能を使ってWiFiのアクセスポイントにするように、WindowsPCでも同様にアクセスポイントにすることができる。 スマホの逆パターンなので「逆テザリング」と言うらしい。   …

[備忘録]モニタに「ディスプレイが無効なビデオコネクタに接続されています」と表示される。。

モニタを交換したらエラーで表示できず。。 自宅PCのモニタを、今までの20.7インチから、23.6インチの大きなサイズへと変更した。 ※変更のいきさつなどはブログ「モニタサイズを20.7→23.6イン …