公司网站开发费进什么费用,阿里邮箱注册,网站建设合同印花税税目,公司网站建设需要什么科目一、表单域
表单域是一个包含表单元素的区域。 在HTML标签中#xff0c; form 标签用于定义表单域#xff0c;以实现用户信息和传递。 form 会把它范围内的表单元素信息提交给服务器。
表单属性
action url地址 用于指定接收并处理表单数据的服务器程序的…一、表单域
表单域是一个包含表单元素的区域。 在HTML标签中 form 标签用于定义表单域以实现用户信息和传递。 form 会把它范围内的表单元素信息提交给服务器。
表单属性
action url地址 用于指定接收并处理表单数据的服务器程序的url地址methodget/post 用于设置表单数据的提交方式其取值为get或postname名称 用于指定表单的名称以区分同一个页面中的多个表单域。 表单元素
输入框inputtext readonly表示只读单选框inputradio required设置为必选项密码框inputpassword多选框inputcheckbox邮箱框inputemail上传文件inputfile按钮button/button
name属性表明是一组单选checked默认选中
下拉框
form actionselect namecity multipleoption value上海上海/optionoption value北京北京/optionoption value广州 selected广州/option/selectbutton提交/button/form
文本域 form actiontextarea nameliuyan cols300 rows10 maxlength200 placeholder请写下你的留言/textarea/form
二、css
基本选择器 标签选择器 标签名 类选择器 .类名 id选择器 # 通配符选择器 * 包含选择器
子代选择器 .ali 后代选择器a li逗号选择器同时选择多个标签用隔开*/
引入方式
外链link relstylesheet href./08-index.css
内部
style /* 选择器{ 属性名:属性值; 属性名:属性值; } */ div { width: 300px; height: 300px; background-color: green; } /style --
三、练习 html:
!DOCTYPE html
html langen
headmeta charsetUTF-8title注册界面/titlelink relstylesheet href../新建文件夹/css.css
/head
body div classzcdiv classyhzc用户注册/divdiv stylewidth: 300px;margin: autodiv classsmall用户名:/divdiv classkuanginput typetextstylewidth: 220px/divdiv classsmall密码:/divdiv classkuanginput typepassword stylewidth: 220px/divdiv classsmall性别:/divdiv classduoxuaninput typeradio checked 男 input typeradio 女/divdiv classsmall爱好:/divdiv classduoxuaninput typecheckbox写作 input typecheckbox听音乐 input typecheckbox体育/divdiv classsmall省份:/divdiv classxialaselect stylewidth: 100pxoption陕西省/optionoption北京市/option/select/divdiv classsmall自我介绍:/divdiv classxialaselect multiple stylewidth: 250pxoptionnbsp;/option/select/divdiv styleheight: 70px;line-height: 70pxdiv stylewidth: 150px;float: leftinput typesubmit name提交stylewidth: 70px/divdiv stylewidth: 150px;float: leftinput typereset name重置 stylewidth: 70px/div/div/div/div/body
/html css:
*{background-color: rgb(196, 196, 202);
}
.zc{width: 400px;height: 460px;border: 1px solid black;margin: auto;margin-top: 70px;text-align: center;
}
.yhzc{font-size: 32px;line-height: 50px;font-weight: bold;background-color: grey;
}
.kuang{width: 220px;float: left;height: 50px;line-height: 50px;
}
.small{width: 80px;height: 50px;line-height:50px;float: left;text-align: left;
}
.duoxuan{width: 220px;float: left;height: 50px;line-height: 50px;text-align: left;
}
.xiala{width: 220px;float: left;height: 50px;line-height: 50px;margin: auto;
}
