HTML表单内根据输入框对齐的实现 365彩票合法吗 📅 2025-10-06 09:40:21 👤 admin 👁️ 9808 ❤️ 503 原理: 1:每行的标题和输入框作为整体放在一个中,标题一般用标签,输入框用标签 2:将label作为块状元素呈现,并固定所有label的宽度,让label中的元素右对齐 label{ width: 150px; display: inline-block; text-align: right; } 补充知识: 1:表单提交 Step 1:给form标签添加提交事件onSubmit(checkForm()) Step 2:form标签内添加类型为submit的input框 2:HTML5引入类型为color的表单元素,默认颜色设置value="#000000" 必须是6位数的,3位数的不生效 【源代码】 无标题文档 .wrap{ width:450px; padding-top: 30px; } .item{ height: 30px; } label{ width: 150px; display: inline-block; text-align: right; padding-right: 5px; font-weight: bold; } .top input{ width:180px; } #date,#time{ width:100px; } .buttom{ padding-top: 20px; } Title Name Phone number Email address Your website (optional) Delivery date Time of delivery Color of the item (default red) // 对电话号码做检验 function checkForm(){ reg = /^1[0-9]{10}$/; var phoneNum = document.getElementById("phone-num"); var isPhone = reg.test(phoneNum.value); if (isPhone){ // 匹配 alert("Registration Success!"); } else { // 不匹配 alert("Error:Phone number must be eleven digits"); } } ← 人类进化究竟经历了多少年? 恢复qq好友对方会显示什么 恢复qq好友对方会显示内容介绍【详细步骤】 → 相关推荐 制服下的名器 07-26 👁️ 1689 世预赛南美区第十五轮:哥伦比亚一胜难求不敌秘鲁 08-04 👁️ 971 所有的快递名称大全 09-14 👁️ 8486 合作伙伴