HTML表单的编写

 时间:2024-10-14 06:48:23

1、打开PyCharm开发工具,创建‘form.html’文件,编写代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <form> <input type="text"> <input type="submit"> </form></head><body></body></html>这是一个最简单的表单,只有<form>标签包围才是表单

HTML表单的编写

3、丰富一下表单,指定提交位置form标签属性是action,method是提交方式,代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <form action="" method="post"> <input type="text"> <p> <input type="submit" value="提交查询"> <input type="reset" value="清空重置"> </p> </form></head><body></body></html>

HTML表单的编写

5、在添加一组复选框,这个是可以多选的,代码如下:<!DOCTYPE html><html lan爿讥旌护g="en"><head> <meta charset="UTF-8"> <title>Title</title> <form action="" method="post"> <input type="text"> <p> <input type="radio" name="gender">男 <input type="radio" name="gender">女 </p> <p> <input type="checkbox">a <input type="checkbox">b </p> <p> <input type="submit" value="提交查询"> <input type="reset" value="清空重置"> </p> </form></head><body></body></html

HTML表单的编写

7、打开右上角浏览器可以查看效果,现在稍微有点意思了。

HTML表单的编写
  • 翻硕缩略词怎么背
  • Manjaro系统安装百度网盘
  • 男生话题,时髦好看的内裤盘点哪条值得买
  • 火遍全网的杭州特产,要尝一尝吗
  • 大学生如何维护自己的身心健康
  • 热门搜索
    惊异的意思 风声鹤唳的意思 全套包括什么 屁股大穿什么裙子 潺潺的意思 可盐可甜是什么意思 纤维素的作用 定向流量是什么意思 什么工作适合女生 什么是日晷