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

-備忘録


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

[備忘録]Gmail:プッシュ通知されなくなった時の対処

スマホGmail設定で、プッシュ通知されなくなった。。。 スマホでGmailアプリを使ってて、通常はメール着信するとプッシュ通知でお知らせされるが、なぜか通知されなくなってしまった。。 一時はちゃんと …

[備忘録]Firefox:拡張機能(アドオン)の一覧サイト

カテゴリごとに整理されていて探しやすい! 日頃 Firefoxをメインブラウザとして愛用している。 Firefoxを使い易くするために、お気に入りの機能をアドオンとして追加しているが、アドオンの一覧が …

[備忘録]Xserver:.htmlファイルをPHPとして動作させる方法

Xserverでは「AddType application」が効かないらしい。。 サーバー移管を行っていて、Xserverに既存ファイルを移植したら、表示に不具合が出た。 どうやら、既存サーバーで動作 …

[備忘録]Google翻訳:サイト埋め込み終了の代替案

[English] [한국] [简体中文] ←←← サンプル設置例 ウェブサイト翻訳ツール「Google Translate」が新規サイトの登録を終了した。。 以前のブログ「簡単多言語化:Webサイト …

[備忘録]Excel:セルの値によって色を変える方法

Excel2007での設定方法 ここでは、セルの値が「土」または「日」なら、当該セルを「グレー」に塗りつぶす方法を。 「条件付き書式」で設定する ・対象となるセルを選択し、「スタイル」の「条件付き書式 …