表单的进阶

1、在单选项、多选项默认选中的属性checked,可以缩写成checked,不写值,表示设置选中

2、上传文件的表单file

3、关于需要与后端互动的表单,如提交、上传,建议放在form标签里

4、submit表单默认是提交按钮,也可以通过image表单提交页面数据,区别在于样式不同,image可以用src属性设置提交按钮样式

5、表单属性禁用disabled,表示表单不可操作,只读readonly,表示只能读,可以选定复制等,也不可以操作,两个都可以跟checked一样简写;

6、下拉表单select的属性size表示默认显示几个,属性multiple表示可以多选,没有值
option标签的属性value表示将选项传给后端,selected表示默认选中,也可以简写

7、input中的text是单行显示,有另一个标签textarea是多行,有cols、rows设置行、列,这个不常用,一般是用css设置宽高;
属性placeholder表示预置文本;
textarea标签是可以拉伸,通过css的resize属性设置:vertical垂直拉伸、horizontal水平拉伸、both、none

8、字段集fieldset:是一种无关盒子的边框
在fieldset里面设置legend标签,表示在边框左上角部分做个缺口
在fieldset也可以设置表单等标签
fieldset、legend可以用css设置边框、宽高等,legend还可以设置文本位置、定位等

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
表单进阶第四关中,我们将学习如何使用 PHP 处理表单数据并将其存储到数据库中。 首先,我们需要在 HTML 中创建一个表单,该表单将包含用户输入的数据。例如,我们可以创建一个注册表单,要求用户提供他们的姓名、电子邮件地址和密码。我们可以使用以下代码来创建这个表单: ``` <form method="post" action="process_form.php"> <label for="name">Name:</label> <input type="text" id="name" name="name" required><br> <label for="email">Email:</label> <input type="email" id="email" name="email" required><br> <label for="password">Password:</label> <input type="password" id="password" name="password" required><br> <input type="submit" value="Submit"> </form> ``` 在这个表单中,我们定义了三个输入字段:姓名、电子邮件地址和密码。我们还指定了表单提交后要调用的处理脚本的名称为 `process_form.php`。 接下来,我们需要创建一个 PHP 脚本来处理这个表单提交。在这个脚本中,我们将获取表单数据并将其存储到数据库中。以下是一个处理脚本的示例: ``` <?php // 获取表单数据 $name = $_POST['name']; $email = $_POST['email']; $password = $_POST['password']; // 连接到数据库 $host = 'localhost'; $user = 'username'; $pass = 'password'; $dbname = 'database_name'; $conn = mysqli_connect($host, $user, $pass, $dbname); // 将数据插入到数据库中 $sql = "INSERT INTO users (name, email, password) VALUES ('$name', '$email', '$password')"; mysqli_query($conn, $sql); // 关闭数据库连接 mysqli_close($conn); ?> ``` 在这个脚本中,我们首先获取了表单数据,然后连接到数据库。我们使用 `mysqli_connect()` 函数连接到数据库,并将连接信息存储在变量 `$conn` 中。 接下来,我们将表单数据插入到数据库中。我们使用 SQL 插入语句将数据插入到名为 `users` 的表中。最后,我们关闭数据库连接,以确保安全性。 这就是在 PHP 中使用表单处理和数据库存储数据的基本方法。通过使用这些技术,我们可以轻松地创建强大的 Web 应用程序。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值