[英]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 ,然后在此處查看:
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.