html 单行输入文本框
时间: 2023-06-10 11:07:01 浏览: 359
可以使用 `<input>` 标签来创建单行输入文本框,设置 `type` 属性为 `text`,例如:
```
<input type="text" name="username">
```
这将创建一个单行输入文本框,用于输入用户名。你可以根据需要设置 `name` 属性以便在表单提交时获取输入的值。
相关问题
实现输入输出:创建一个表单和2个单行文本框,在单行文本框输入两个整数(一个文本框name属性值为:自己的姓名拼名首字母,另一下文本框name属性值为:自己的学号),采用GET提交表单内容,对提交的内容进行判断是否为数字的,如果不是则提示,并提示“你输入的不是数字,请重新输入”,当输入数字之后,计算两个相乘,输出相乘之后的值。
好的,以下是实现输入输出的代码:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>输入输出</title>
</head>
<body>
<form method="get" action="calculate.php">
<label for="name">姓名拼音首字母:</label>
<input type="text" name="name" id="name" required><br><br>
<label for="number">学号:</label>
<input type="text" name="number" id="number" required><br><br>
<button type="submit">提交</button>
</form>
</body>
</html>
```
在上面的代码中,我们创建了一个表单,包含两个单行文本框和一个提交按钮。第一个单行文本框的name属性值为“name”,第二个单行文本框的name属性值为“number”,这两个属性值分别对应我们要输入的姓名拼音首字母和学号。我们还在两个单行文本框上添加了required属性,表示这两个文本框必须填写,否则提交按钮将无法使用。
接下来,我们需要在calculate.php文件中对提交的内容进行处理:
```php
<?php
if (isset($_GET['name']) && isset($_GET['number'])) {
$name = $_GET['name'];
$number = $_GET['number'];
if (is_numeric($name) || is_numeric($number)) {
echo "输入的不是数字,请重新输入";
} else {
$result = $name * $number;
echo "相乘之后的值为:".$result;
}
} else {
echo "请填写表单";
}
?>
```
在上面的代码中,我们首先判断是否有姓名和学号被提交,如果有,则获取它们的值。然后,我们使用is_numeric()函数检查输入的值是否为数字,如果不是,则输出错误信息;否则,我们将两个数相乘,并输出结果。
现在,我们已经实现了输入输出的功能。当我们在表单中输入数字并提交时,我们将会看到相乘之后的结果。如果我们输入的不是数字,则会收到一个错误提示。
使用PHP语言,1.实现输入输出:创建一个表单和2个单行文本框,在单行文本框输入两个整数,采用GET提交表单内容,对提交的内容进行判断是否为数字的,如果不是则提示,并提示“你输入的不是数字,请重新输入”,当输入数字之后,计算它们的平均值,输出两个数的平均值。 最后代码文件保存为:www\exp6\1get_average.php;2.实现输入输出:创建一个表单和2个单行文本框,在单行文本框输入两个整数,采用POST提交表单内容,对提交的内容进行判断是否为数字的,如果不是则提示,并提示“你输入的不是数字,请重新输入”,当输入数字之后,计算它们的平均值,输出两个数的平均值。 最后代码文件保存为:www\exp6\1post_average.php
1.使用GET方式提交表单的代码实现:
```php
<!DOCTYPE html>
<html>
<head>
<title>计算平均数</title>
</head>
<body>
<form action="1get_average.php" method="get">
请输入两个整数:<br/>
<input type="text" name="num1"><br/>
<input type="text" name="num2"><br/>
<input type="submit" value="计算平均数">
</form>
<?php
if(isset($_GET['num1']) && isset($_GET['num2'])){
$num1 = $_GET['num1'];
$num2 = $_GET['num2'];
if(is_numeric($num1) && is_numeric($num2)){
$average = ($num1 + $num2) / 2;
echo "两个数的平均数为:" . $average;
}else{
echo "你输入的不是数字,请重新输入";
}
}
?>
</body>
</html>
```
2.使用POST方式提交表单的代码实现:
```php
<!DOCTYPE html>
<html>
<head>
<title>计算平均数</title>
</head>
<body>
<form action="1post_average.php" method="post">
请输入两个整数:<br/>
<input type="text" name="num1"><br/>
<input type="text" name="num2"><br/>
<input type="submit" value="计算平均数">
</form>
<?php
if(isset($_POST['num1']) && isset($_POST['num2'])){
$num1 = $_POST['num1'];
$num2 = $_POST['num2'];
if(is_numeric($num1) && is_numeric($num2)){
$average = ($num1 + $num2) / 2;
echo "两个数的平均数为:" . $average;
}else{
echo "你输入的不是数字,请重新输入";
}
}
?>
</body>
</html>
```
以上两份代码都要保存在服务器的`www\exp6`目录下。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.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)