HTML

Question

我使用带有代码的文本字段：

<input type = "text" size = "2" maxlength = "2" name = "myname">

和一个按钮：

<button type = "button" onclick = "alert('Clicked!')">Print</button>

现在，当我点击它时，弹出 message/alert 说 Clicked!。我怎样才能让它只显示文本字段上的任何值？泰

Answer 1

试试这个解决方案：

<input type="text" id="test" size="2" maxlength="2" name="myname">
<button type="button" onclick="alert(document.getElementById('test').value);">Print</button>

您可以在此处找到一个工作示例：http://jsfiddle.net/sebastianbrosch/x8zzvd5s/

说明
您必须向您的文本字段添加一个 ID（这里 test）。在 alert() 上，您可以使用 document.getElementById('test').value.

获取文本字段的值

Answer 2

如果你这样做是为了使用 PHP 打印一个人的名字或其他东西，那么它应该是这样的：将此添加到 html 的正文中：

<form name="form1" action="registration.php" method="POST"   onsubmit="myFunction()" >
 <input type="text" name="name" id="name">
 <input type="submit" value="submit">
</form>

您可以在提交时使用 javascript 验证此字段：（将其写在 html 的 head 标记中）

 <script>
  var name=document.getElementById("name").value;
  myFunction()
    {
     if(name!="")
      {
     return true;
       }
        else
         {
   //show alert.
     return false;
        }
        }
          </script>

在 PHP 中，您可以通过 (reg.php):

打印用户在文本中输入的名称

<?php
   $name=$_POST['name'];//it is the name of the control field
   echo $name;
 ?>

HTML - 按钮点击文本框的显示值

HTML - Button on click display value of textfield

button

textfield