html submit button 怎么传指定input框的内容
时间: 2023-11-22 08:55:52 浏览: 32
要传递指定input框的内容,需要给这个input框设置一个name属性,然后在form表单中设置action和method属性,最后用submit按钮提交表单即可。
以下是一个例子:
```
<form action="submit.php" method="post">
<label for="myInput">输入框:</label>
<input type="text" name="myInput" id="myInput">
<br><br>
<input type="submit" value="提交">
</form>
```
在这个例子中,我们给input框设置了一个name属性为"myInput",然后在form表单中设置了action属性为"submit.php",method属性为"post"。当用户点击提交按钮时,表单将会被提交到submit.php页面,并且通过POST方法传递名为"myInput"的参数,参数值为用户在输入框中输入的内容。在submit.php页面中,可以通过$_POST['myInput']获取到这个参数的值。
相关问题
如何让input框和button贴合在一起
您可以使用CSS中的"display: inline-block"属性将输入框和按钮放置在同一行,并使用"vertical-align: top"属性将它们对齐。以下是一个例子:
HTML代码:
```
<div>
<input type="text" placeholder="Enter your text here">
<button type="submit">Submit</button>
</div>
```
CSS代码:
```
input, button {
display: inline-block;
vertical-align: top;
}
```
您也可以使用Flexbox布局或Grid布局来轻松地将它们放置在同一行。
html input和button
HTML中的<input> 标签用于创建用户输入的表单控件,如文本框、单选按钮、复选框、下拉列表等。它可以用 type 属性指定不同的输入类型。
<button> 标签用于创建一个按钮,可以在点击时执行预定义的操作或调用JavaScript函数。它可以包含文本、图像或者两者兼备。可以用 type 属性指定不同的按钮类型,如 submit(提交表单)、reset(重置表单)或 button(普通按钮)等。