html5如何点击一个按钮实现给各个输入控件赋值

您可以在HTML中定义一个按钮，并且给按钮设置一个点击事件（onclick），在点击按钮时触发JavaScript代码来给各个输入控件赋值。

下面是一个示例代码，可以将输入框的值设置为"Hello World!"：

<input type="text" id="input1">
<input type="text" id="input2">
<input type="text" id="input3">
<button onclick="setValue()">点击赋值</button>

<script>
  function setValue() {
    var input1 = document.getElementById("input1");
    var input2 = document.getElementById("input2");
    var input3 = document.getElementById("input3");

    input1.value = "Hello World!";
    input2.value = "Hello World!";
    input3.value = "Hello World!";
  }
</script>

在上述代码中，我们为按钮添加了一个onclick事件，当点击按钮时，会执行setValue()函数，该函数会获取每个输入控件的引用，并且通过设置控件的value属性来给控件赋值。

通过上述方法，您可以实现点击按钮来给各个输入控件赋值。

相关问题

选择适当的Web服务器控件实现以下功能：输入姓名、性别、生日，出生地、联系电话等，当用户点击“提交”按钮后显示输入的信息

对于这个需求，可以使用ASP.NET WebForm中的各种表单控件和标签来实现。以下是一个示例代码片段：

<label for="txtName">姓名：</label>
<asp:TextBox runat="server" ID="txtName"></asp:TextBox>
<br />

<label for="ddlGender">性别：</label>
<asp:DropDownList runat="server" ID="ddlGender">
    <asp:ListItem Text="男" Value="M"></asp:ListItem>
    <asp:ListItem Text="女" Value="F"></asp:ListItem>
</asp:DropDownList>
<br />

<label for="txtBirthday">生日：</label>
<asp:TextBox runat="server" ID="txtBirthday"></asp:TextBox>
<br />

<label for="txtBirthPlace">出生地：</label>
<asp:TextBox runat="server" ID="txtBirthPlace"></asp:TextBox>
<br />

<label for="txtPhone">联系电话：</label>
<asp:TextBox runat="server" ID="txtPhone"></asp:TextBox>
<br />

<asp:Button runat="server" ID="btnSubmit" Text="提交" OnClick="btnSubmit_Click"></asp:Button>

<hr />

<h2>您输入的信息是：</h2>
<p>姓名：<asp:Label runat="server" ID="lblName"></asp:Label></p>
<p>性别：<asp:Label runat="server" ID="lblGender"></asp:Label></p>
<p>生日：<asp:Label runat="server" ID="lblBirthday"></asp:Label></p>
<p>出生地：<asp:Label runat="server" ID="lblBirthPlace"></asp:Label></p>
<p>联系电话：<asp:Label runat="server" ID="lblPhone"></asp:Label></p>

在这个示例中，我们使用了五个ASP.NET表单控件：TextBox、DropDownList和Button。用户可以在文本框中输入姓名、出生地和联系电话，而DropDownList提供了一个下拉框，用户可以选择性别。用户也可以在生日文本框中输入生日。当用户点击提交按钮时，我们可以在后台代码中使用这些控件的Text或SelectedValue属性来获取用户输入的值，并将其赋值给相应的标签控件，以便在页面上显示。以下是示例的后台代码：

protected void btnSubmit_Click(object sender, EventArgs e)
{
    lblName.Text = txtName.Text;
    lblGender.Text = ddlGender.SelectedItem.Text;
    lblBirthday.Text = txtBirthday.Text;
    lblBirthPlace.Text = txtBirthPlace.Text;
    lblPhone.Text = txtPhone.Text;
}

在这个代码中，我们使用了Button的OnClick事件来响应用户的提交操作。首先获取各个控件的值，然后将其赋值给相应的标签控件的Text属性。当用户提交后，页面会显示出用户输入的信息。