实训第二天0528.am

博客介绍了前端与后端之间表单的通信方式,包括form提交和ajax提交。详细说明了form核心标签的属性,如action、method等,还介绍了input、radio、checkbox、select等标签的使用,强调了name属性对发送参数的重要性,以及不同标签的功能和特点。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

表单:前段和后台之间的通信

1.form提交方式  2.ajax提交方式

核心标签:只有提交的功能, 没有任何的样式   form的属性 action:提交的地址;method:提交的方式,常用get/post

<input type="submit" name=""><button>提交</button>(提交的表述方式)

type 属性来改变展现样式,name:地址栏中“?”后面的内容表示参数,我们最终的目的是要把必须的参数给发送到后端,想要发送参数,input中必须含有name属性

 

 

<form action="" method="get">

用户名:<input type="text" name="username" value="张三" />

密码名:<input type="password" name="userpwd" /><br />

注:一组必须含有相同的name属性值,input中的值有一个属性,value属性,checked 默认选中,当属性名等于属性值的时候,只需要写属性名即可。

男<input type="radio" name="sex" value="男" checked/> 女<input type="radio" name="sex" value="女" />

男<input type="radio" name="sex" value="1" checked/> 女<input type="radio" name="sex" value="0" />
<br />
注:<radio>属性表示单选。<checkbox>属性表示多选。<select>表示下拉框。一组必须含有相同的name属性值
兴趣爱好<input type="checkbox/">打酱<input type="checkbox" checked="checked" name="aihao" value="0"/>打酱油<input type="checkbox" checked name="aihao" value="1"/>打架

<input type="checkbox" name="aihao" value="2"/>泡妞
<input type="checkbox" name="aihao" value="3"/>打游戏
<input type="checkbox" name="aihao" value="4"/>学习
<br />
来自何方:
<select name="hefang" id="">
<option value="0">武汉</option>
<option value="1">荆州</option>
<option value="2">黄石</option>
<option value="3">襄阳</option>
<option value="4">十堰</option>
</select>
<br />
自我描述:
<textarea name="miaoshu" rows=""  cols=""></textarea>

<br />
<input type="submit" />
</form>

 

转载于:https://www.cnblogs.com/zmz970903/p/10935993.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值