在网页中如何制作带有输入框和确认按钮的表单?

2025-09-24 03:11:47

1、在桌面空白处点击鼠标右键新建一个记事文本,重新命名为:带有输入框和确认按钮的表单.html,按回车确认

在网页中如何制作带有输入框和确认按钮的表单?

2、选中新建的html文件,右击选择记事本打开,手动输入代码:

<html>

<head>

<title>带有输入框和确认按钮的表单</title>

</head>

<body>

带有输入框和确认按钮的表单

</body>

</html>

点击记事本左上角蓝色文件选项菜单下的保存

在网页中如何制作带有输入框和确认按钮的表单?

3、先创建一个表单,在<body>下方输入代码:

<form>

姓:<br>

<input type="text" name="firstname" value="汪">

<br>

名:<br>

<input type="text" name="lastname" value="乐乐">

<br><br>

</form> 

点击保存

在网页中如何制作带有输入框和确认按钮的表单?

4、双击桌面html文件,打开页面显示姓和名表单

在网页中如何制作带有输入框和确认按钮的表单?

5、回到记事本,在</form>上方添加代码:<input type="submit" value="确认">,这一组代码是创建一个确认按钮,点击保存

在网页中如何制作带有输入框和确认按钮的表单?

6、双击桌面.html文件,打开页面可以看到姓名表单下面多了一个确认按钮

在网页中如何制作带有输入框和确认按钮的表单?

7、先在桌面上新建一个名为:abc.php的文件,这个是处理提交表单的页面,属于动态网页范围,这里不再叙述

在网页中如何制作带有输入框和确认按钮的表单?

8、鼠标双击html文件,打开页面点击确认按钮,会跳到abc.php页面处理所提交的内容,如图所示

在网页中如何制作带有输入框和确认按钮的表单?

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢