基础表单笔记

表单数据要向服务端提交的话 每个表单都要指定一些属性就是name=""和value=""  value就是用户写什么就是什么 来提交name就是对这个表单进行一个标识

<from>

输入用户名<input type="text"  name="user" value=""/>这是一个文本框 

输入密码<input type="password" name="psw" value="" />password  密码不可见

选择性别<input type="radio" name="sex" checked="checked" value="nan"/>男<input type="radio" name="sex" value="nv"/>女  name名字一致成了一组这样只能选一个了         checked="checked"是默认选择   这是单选   现在的理解单选项要有name的因为这个要成为一组来单选单还是女  

选择技术:<input type="checkedbox"  name="tech" value="JAVA"/>JAVA      这是复选

            <input type="checkedbox" name="tech" value="JS" />JS

            <input type="checkedbox" name="tech" value="CSS" />CSS

            <input type="checkedbox"  name="tech" value="HTML"/>HTML

<input type="reset"/  value=""><input type="submit"/>这两项是默认内容   内容是:重置和提交查询内容 value可以修改文字内容

选择文件:<input type="file" name="file"/>一个文本框旁边有浏览框可以在计算机里选择文件

一个图片:<input type="image" src="XX.jpg/>"点击图片把数据提交了  有时网站在做灿烂的网页时 用表单太out所以有些网站漂亮的图片按钮出来了

隐藏组件:<input type="hidden" name="" value=""/>数据不需要客户端知道但是可以将其提交到服务端上 

一个按钮:<input type="butten" value="我是个按钮" onclick="alert('好好玩的代码')"/>有了value按钮上有名字了 干啥用的呢?加onclick

下拉菜单就是选择城市选择国家

<select>

<option value="none">-----选择城市-----</option>

<option value="cnbj" selected="selected">-----北-----</option>   selected="selected"默认选择

<option value="cnsh">-----上-----</option>

<option value="cngz">-----广-----</option>

<option value="cnsz">-----深-----</option>

</select>

<textarea name="name"></textarea>这是一个类似于文本框的东西 里面可以写文字来提交  比用户名和密码的那个文本框更大 

 </from>

原文地址:https://www.cnblogs.com/hello-web/p/6926020.html