html学习笔记---表单基础一

    xiaoxiao2021-08-27  97

    表单功能是用于搜集页面用户信息并发送给服务器,实现用户和服务器的交互。

    form是块级元素

    表单包含表单域 表单标签 表单按钮

    <form action="url" name="" enctype="multipart/form-data" method="get(post)">/*url:form表单提交的地址 enctype:表单提交数据的编码(multipart/form-data:二进制) method:表单提交的方式*/ 用户名:<input type="text" name="username"/> 密码:<input type="password" name="password"/> <input type="submit" value="提交"/> </form>《input》 input是自闭合标签,根据type类型而改变

    type类型包括

    •单行文本框<input type="text">默认值是type="text" •密码框<input type="password"/>  •单选按钮<input type="radio"/> 男性:<input type="radio" checked="checked" name="Sex" value="male" /> <br />//check表示默认选中 女性:<input type="radio" name="Sex" value="female" /> •复选框<input type="checkbox"/> 兴趣爱好: 吃<input type="checkbox" name="intreset" value="eat"/> 玩<input type="checkbox" name="intreset" value="play"/> 喝<input type="checkbox" name="intreset" value="drink"/> 乐<input type="checkbox" name="intreset" value="happy"/>•隐藏域<input type="hidden"/> •文件上传<input type="file"/>  <form action="" method="post" enctype="multipart/form-data">//post:加密,不限制大小0 <input type="file" name="fileField" /> <input type="submit" value="上传" /> </form> •下拉框<select> <select><optionvalue="1">上海</option><optionvalue="2">北京</option><optionvalue="3">广州</option></select> •多行文本<textarea></textarea> •标签<label></label> •文件组<fieldset></fieldset> •提交按钮<input type="submit"/> •普通按钮<input type="button"/> •重置按钮<input type="reset"/> 《label》 label:给input元素定义标注

    <label for=""></label>label的 for属性和input中的id属性值相同

    <input type="radio" id="boy" name="sex"/> <label for="boy">男</label> <input type="radio" id="girl" name="sex"/> <label for="girl">女</label>

    注意:

    post方式与get方式的区别: 一、安全性 get方式不够安全,以url方式进行提交 post以请求实体提交,不会显示地址栏,足够安全 二、提交大小限制 get方式提交的内容大小有限,一个地址栏放不了多少东西,1k左右 post大小无限制,可以放大文件(音频、视频、图像。。。)

    转载请注明原文地址: https://ju.6miu.com/read-677268.html

    最新回复(0)