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

-備忘録

関連記事

[備忘録]Firefox:画像の情報を表示する方法

「Firefox 88」以降、メニューから消えてしまったらしい ブラウザ(Firefox )で閲覧している際、画像サイズなどの情報を知りたいときは、 当該画像を右クリック → 表示されたメニューから「 …

[Firefox]アドオン:ページタイトルを一発コピー「Make link」

ブラウザのページタイトルをコピペしたいときに 仕事でいろんなサイトを閲覧し情報収集したりしているとき、URLと一緒にページタイトルもメモしておきたいことがある。 そんなとき、いちいち手入力するのは ナ …

[備忘録]Firefox:特定サイトのCookieとキャッシュを削除する方法

サイトが表示されないなどの不具合の時お試しあれ 他のブラウザでは正常に表示されるのに、特定のFirefoxだけ表示されない、または表示がおかしい、、などという時は、Cookieやキャッシュなど古いデー …

[備忘録]Firefox:選択文字列を簡単に検索する方法

かゆいとこに手が届く小ワザ 通常、Firefoxで ある文字列を検索したい場合は、以下のような操作を行う。  ・当該文字列をドラッグ反転  ・コピー  ・検索窓上でペースト  ・改行(または「実行」) …

[備忘録]さくらインターネット:海外からのメール送信がNGになる件

海外からメール送信しようとするとNGになった。。 弊社ではお客様のサイト(自社も)を管理するサーバーで、「Webサーバー」と「メールサーバーを別々に運用・管理している。 理由としては、 ① Webサー …