分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 运营维护

04002_HTML表单

发布时间:2023-09-06 01:33责任编辑:顾先生关键词:HTML

1、表单标签

  (1)表单标签:所有需要提交到服务器的表单项必须使用<form></form>括起来;

  (2)from标签属性

    ①action:整个表单提交的位置,可以是一个页面,也可以是一个后台java代码;

    ②method:表单提交的方式(get,post,delete…等7种)。

 1 <!DOCTYPE html> 2 <html> 3 ?4 ????<head> 5 ????????<meta charset="UTF-8"> 6 ????????<title>表单标签</title> 7 ????</head> 8 ?9 ????<body>10 ????????<form action="#" method="get">11 ????????????隐藏字段:<input type="hidden" name="id" value=""/><br />12 ????????????用户名:<input type="text" name="username" size="40px" maxlength="5" ?placeholder="请输入用户名"/><br/> 13 ????????????密码:<input type="password" name="password" required="required"/><br />14 ????????????确认密码:<input type="password" name="repassword"/><br /> 15 ????????????性别:<input type="radio" name="sex" value="男"/>男 16 ????????????<input type="radio" name="sex"/ value="女">女<br />17 ????????????爱好:<input type="checkbox" name="hobby"value="看书"/>看书18 ????????????<input type="checkbox" name="hobby" value="睡觉"/>睡觉19 ????????????<input type="checkbox" name="hobby" value="写代码" checked="checked"/>写代码<br />20 ????????????头像:<input type="file" name="file"/><br/>21 ????????????籍贯:<select name="province">22 ????????????????<option >---请选择---</option>23 ????????????????<option value="北京">北京</option>24 ????????????????<option value="上海">上海</option>25 ????????????????<option value="广州" selected="selected">广州</option>26 ????????????</select><br />27 ????????????自我介绍:28 ????????????<textarea name="zwjs">29 ????????????????30 ????????????</textarea><br />31 ????????????提交按钮:<input type="submit" value="注册"/><br />32 ????????????普通按钮:<input type="button" value="zhuce"/><br />33 ????????????重置按钮:<input type="reset" /> 34 ????</body>35 36 </html>

  运行结果:

  

04002_HTML表单

原文地址:https://www.cnblogs.com/gzdlh/p/8133794.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved