在表单中使用占位符值作为默认值？

如果用户不填写任何内容，有没有办法在表单中使用占位符作为值？在表单中使用占位符值作为默认值？

2015-11-18 FingeNB

是您可以通过使用属性值

<input type='text' placeholder='Name' value='Name' />

你的问题很短，你没有提供任何其他细节，所以我可能无法准确的告诉什么你想用它做。

来源

2015-11-18 14:55:19

你仍然回答它correclty，谢谢！ – FingeNB

在提交表单之前，您可以使用一些JavaScript查看表单字段中的值，并查看是否有值为空，然后在需要时替换占位符。

像这样的东西（但你可能需要考虑旧的浏览器不取决于哪种浏览器设置你正在寻找支持的占位符填充工具）：

<!DOCTYPE html> 
<html> 
    <head> 
     <title>Placeholder</title> 
    </head> 
    <body> 
     <form action="#" onsubmit="return validateForm();"> 
      <input type="text" name="manufacturer" id="manufacturer" placeholder="Fiat"><br> 
      <input type="text" name="model" id="model" placeholder="500"><br> 
      <input type="submit" value="Submit"> 
     </form> 
     <script type="text/javascript"> 
      function validateForm() { 
       var manufacturer = document.getElementById('manufacturer'), 
        model = document.getElementById('model'); 

       if (manufacturer.value.length === 0) { 
        manufacturer.value = manufacturer.placeholder; 
       } 

       if (model.value.length === 0) { 
        model.value = model.placeholder; 
       } 

       return true; 
      } 
     </script> 
    </body> 
</html>

这不使用“值“，因此不能有效地预先填充表单，并让占位符值正确呈现。

来源

2015-11-18 15:14:08

在表单中使用占位符值作为默认值？

回答

相关问题