写一个html页面,包括一个文本输入框用来输入手机号,一个按钮用来向active.php提交手机号,一个文本框用来输入短信验证码,一个按钮用来向reg.php提交验证码
时间: 2023-03-13 11:05:41 浏览: 146
<html>
<head>
<title>注册页面</title>
</head>
<body>
<form action="" method="post">
<div>
<label>请输入手机号:</label>
<input type="text" name="phone_number" />
</div>
<div>
<input type="submit" value="提交" name="submit_active" formaction="active.php" />
</div>
<div>
<label>请输入短信验证码:</label>
<input type="text" name="sms_code" />
</div>
<div>
<input type="submit" value="提交" name="submit_reg" formaction="reg.php" />
</div>
</form>
</body>
</html>
相关问题
写一个html页面,包括一个文本输入框用来输入手机号,一个按钮用来提交手机号,一个文本框用来输入短信验证码,一个按钮用来提交验证码
<html>
<body>
<form>
<input type="text" name="phoneNum" placeholder="请输入手机号"/>
<input type="button" value="提交手机号" onclick="submitPhoneNum()"/>
<input type="text" name="verifyCode" placeholder="请输入短信验证码"/>
<input type="button" value="提交验证码" onclick="submitVerifyCode()"/>
</form>
</body>
</html>
写一个页面右输入框还有按钮提交输入框内容的HTML代码
以下是一个简单的页面右输入框和提交按钮的 HTML 代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>输入框和提交按钮</title>
</head>
<body>
<form action="#" method="post">
<label for="input">输入框:</label>
<input type="text" id="input" name="input" placeholder="请输入内容">
<button type="submit">提交</button>
</form>
</body>
</html>
```
以上代码使用了 HTML 表单元素 `form`、`input` 和 `button`,其中 `input` 元素的 `type` 属性设置为 `text`,表明这是一个文本输入框。`button` 元素的 `type` 属性设置为 `submit`,表明这是一个提交按钮。在 `label` 元素中,使用 `for` 属性绑定了 `input` 元素的 `id` 属性,使得点击 `label` 标签也能够触发 `input` 元素的聚焦。
在实际使用中,可以将以上 HTML 代码复制到一个新建的 HTML 文件中,并在浏览器中打开该文件,即可看到一个带有输入框和提交按钮的页面。需要注意的是,这段代码只是一个简单的示例,实际使用中可能需要根据需求进行调整和优化。
相关推荐
![application/x-rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)