簡體   English   中英

提供html表單的默認值,並可以選擇在$ _POST之前更改值

[英]Provide default values for html form, with option to change values before $_POST

我目前正在網頁上創建html表單,我想知道是否有辦法在文本框中添加默認值,但是用戶也可以刪除默認文本並在需要時輸入新文本? ??

我目前所擁有的是...

<html>
  <body>
    <form method="post">
      Suspend: <input type="text" name="sus"><br />
      Device Name: <input type="text" name="dev"><br />
      IP: <input type="text" name="ip"><br />
      Dependency: <input type="text" value="none" name="depend"><br />
      Email: <input type="email" value="abc@123.com" name="email">
      <input type="submit" value="submit" name="submit">
    </form>
    </body>
    </html>
 <?php
  if(isset($_POST['sumbit']))
 {
   $sus=$_POST['sus'];
   $dev=$_POST['dev'];
   $ip=$_POST['ip'];
   $depend=$_POST['depend'];
   $email=$_POST['email'];

    if(isset($sus) && isset($dev) && isset($ip) && isset($depend) && isset($email)
     {
       $update=mysqli_query($con, "UPDATE table SET Suspend=$sus, Device=$dev, IP=$ip,   Dependence=$depend, Email=$email WHERE id=$id");
      }
 }

使用電子郵件和依存關系字段時,它們將是95%的默認值,但並非始終都是默認值,而我的老板希望為其提供默認值,但也希望它們能夠更改它們。用這些$ _POST結果執行mysql查詢以更新數據庫...現在,即使您更改表單中字段中的文本,它仍會輸入數據庫中的默認值。不要更改默認值,那么默認值將被添加到數據庫中。任何幫助將不勝感激

您可以像這樣在php中獲取值

$value = $_POST['email'];

如果您在輸入框中輸入了一些內容,則將獲得默認值的值。

如果使用html5 ,則需要使用占位符attr ,然后在此處查看:

http://davidwalsh.name/html5-占位符

HTML 5具有INPUT標記的新Placeholder屬性,但是當您在字段上鍵入該值時,該值將消失。 INPUT標記也具有value屬性。

嘗試看一下: 占位符

占位符是顯示在輸入中的默認文本。 但是,如果用戶不插入任何內容,則在提交表單時,占位符值將不包含在帖子中。 value=""仍將被識別。

由於占位符attr仍然是相當新的,並且舊版本的瀏覽器不支持,因此可以使用后備功能來提供與占位符attr相同的功能。

if (!("placeholder" in document.createElement("input"))) {
    var inputs = document.querySelectorAll("input[placeholder]"),
        input,
        dateDefault;

    for (var i = 0, len = inputs.length; i < len; i++) {
         input = inputs[i];
         input.value = input.getAttribute("placeholder");

         input.addEventListener("focus", function() {
             dateDefault = this.getAttribute("placeholder");
             (this.value === dateDefault) && (this.value === "");
         }, false);
         input.addEventListener("blur", function() {
             (this.value === "") && (this.value === dateDefault);
         }, false);
    }
}

如果占位符attr不可用,它將使用您為占位符attr放置的值並將其分配給該值。 然后使用一些js,您可以檢測輸入字段是否為空或仍具有原始值,或者用戶是否已鍵入。 您可以輕松地使其適應jQuery或使用addEventListener,attachEvent或支持所需瀏覽器所需的任何方式。 希望這可以幫助!

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM