2015-11-06 37 views
1

的点击显示值按钮我用一个文本框,代码:HTML - 在文本框

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

和一个按钮:

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

现在,当我点击它,消息/警报弹出说Clicked!。我怎样才能让它显示文本字段上的任何值呢?泰

回答

2

尝试这种解决方案:

<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获得文本字段的值。

+0

嗨,谢谢你的回答!工作正常,我接受了。我得到的最后一个问题是,如果我必须声明一个id如图所示,那么名称代表什么?再次感谢您的帮助(我是html新手) – darkchampionz

+1

这个名字用于'POST'。如果您使用PHP来获取由表单发送的这些字段,可以使用'$ _POST ['myname']'获取值。 –

1

,如果你这样做是为了打印使用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中的头标记写)

<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; 
?>