Webフォームに「電話番号」フィールドがあります。フォームフィールドデータのみを渡す場合データが同じフォームで別のフィールドに入力された場合
私はまた、ユニコードの電話アイコン[&#9742]を含む「隠された」フォームフィールドを持っています。
私のサイト訪問者は電話番号を入力する必要はありません。
フォームの電話番号フィールドに数字を入力しなかった場合、アイコンをuploadResults.phpページに表示したくありません。
電話番号フィールドにデータを入力すると、アイコンが表示されます。
これを達成する方法はわかりません。しかし、私は、フォームの削除されたバージョンと結果の[PHP]ページを私の質問に含めました。
私のサイトのいくつかの異なる領域にこの同じ種類の機能を組み込む必要があるので、助力をいただければ幸いです。
ありがとうございます。ここで
は、フォームページのコードです:
<!DOCTYPE html>
<html>
<head>
<title>The Form</title>
<style>
.container { margin-top:50px; margin-left:40px; }
.fieldTitle { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; }
.phoneIcon { margin-bottom:10px; display:none;} /* This field hidden in form */
.phoneNumber { margin-top:10px; width:200px; height:25px; font-family:Arial, Helvetica, sans-serif; font-size: 12pt; }
.submitButton { margin-top:30px; font-family:Arial, Helvetica, sans-serif; font-size: 12pt; }
</style>
</head>
<body>
<form action="uploadResults.php" method="post" enctype="multipart/form-data">
<div class="container">
<div class="fieldTitle">Phone Number:</div>
<div><input class="phoneIcon" name="phoneIcon" id="phoneIcon" value="☎" readonly/></div>
<div><input class="phoneNumber" name="phoneNumber" id="phoneNumber" autocomplete="off"/></div>
<div><input class="submitButton" type="submit" name="submit" value="Submit"></button></div>
</div>
</form>
</body>
</html>
そして、ここではuploadResults.phpページのコードです:
<?php ob_start(); ?>
<!DOCTYPE html>
<html>
<head>
<title>Upload Results</title>
<style>
body{margin:0;}
.numberWrapper {margin: 100px 0px 0px 30px; }
.phoneIcon {font-size: 20px;}
.phoneNumber {font-family:Arial, Helvetica, sans-serif; font-size:12pt;}
</style>
</head>
<body>
<div class="numberWrapper">
<span class="phoneIcon"><?php $phoneIcon = ($_POST['phoneIcon']); echo $phoneIcon;?> </span>
<span class="phoneNumber"><?php $phoneNumber = ($_POST['phoneNumber']); echo $phoneNumber;?></span>
</div>
</body>
</html>
<?php echo ''; (ob_get_contents()); ?>
使用を使用する必要があります。電話番号が存在する場合は、そのアイコンを表示 –
Fairy Dancerありがとうございます。私はそれが 'もし'のようなものかもしれないと思った。残念ながら、私はそのコードを書く方法については迷っています。あなたがそれを手伝ってくれたら、私はそれを感謝します。 –
人々が以下の回答を投稿しているので、@jamie Sexton –