搜索 - 腾讯云开发者社区-腾讯云

文章/答案/技术大牛

发布

来自专栏循序渐进Vue.js 3.x前端开发实践
【愚公系列】《循序渐进Vue.js 3.x前端开发实践》071-商业项目：电商后台管理系统实战（店长管理模块的开发）
class="content-row">
店长手机:

店长昵称:

店长状态:

订单状态:

订单名称:
<div class="<em>input-field</em>
29110编辑于 2025-06-03
来自专栏我在本科期间写的文章
【经典】星空主题的注册界面HTML,CSS,JS
margin-bottom: 20px; font-size: 28px; font-weight: bold; } .input-field border-radius: 5px; color: white; font-size: 16px; } .input-field
注册账号
<form action="#" method="POST"> <input type="text" class="<em>input-field</em> " placeholder="用户名" required> <input type="password" class="<em>input-field</em>" placeholder="密码" required> <input type="password" class="<em>input-field</em>" placeholder="确认密码" required>
1.1K10编辑于 2024-11-28
来自专栏循序渐进Vue.js 3.x前端开发实践
【愚公系列】《循序渐进Vue.js 3.x前端开发实践》070-商业项目：电商后台管理系统实战（商品管理模块的开发）
<el-container class="content-row">
商品名称:

是否过期:

商品名称:

商品简介:
<div class="<em>input-field</em> .<em>input-field</em> 设置输入框的样式。 4.新建商品之详情设置商品详情的定制性通常较强，通常在商品上架添加时进行定制化设置。
74010编辑于 2025-06-03
来自专栏THUNDER王——CSDN内容同步
【HTML | CSS | JAVASCRIPT】耗时一下午，整理出了一个精美的响应式登陆注册表单（附源码）
<input type="text" minlength="4" class="<em>input-field</em> <input type="text" minlength="4" class="<em>input-field</em> ="input-wrap"> <input type="email" class="<em>input-field</em> color: #8371fd; } .input-wrap { position: relative; height: 37px; margin-bottom: 2rem; } .<em>input-field</em> JAVASCRIPT源码复制如下源码粘贴到<script></script>标签之间 const inputs = document.querySelectorAll(".input-field"
76140编辑于 2023-02-23
来自专栏THUNDER王——CSDN内容同步
【HTML | CSS | JAVASCRIPT】一款可交互的响应式登陆注册表单，你确定不来看看嘛（附源码）
0.7s; overflow: hidden; } .title { font-size: 2.2rem; color: #444; margin-bottom: 10px; } .input-field ; display: grid; grid-template-columns: 15% 85%; padding: 0 0.4rem; position: relative; } .input-field none; border: none; line-height: 1; font-weight: 600; font-size: 1.1rem; color: #333; } .input-field form action="#" class="sign-in-form">
登录

<div class="<em>input-field</em>
1.1K30编辑于 2023-02-23
来自专栏循序渐进Vue.js 3.x前端开发实践
【愚公系列】《循序渐进Vue.js 3.x前端开发实践》069-商业项目：电商后台管理系统实战（订单管理模块的开发）
; display: inline-block; width: 90%; } .input-tip { margin: 0 10px; line-height: 40px; } .input-field <el-container class="content-row">
商品名称:

</el-input>

收货人:

用户名称:

</el-input>

手机号:
<div class="<em>input-field</em>
38510编辑于 2025-06-03
来自专栏循序渐进Vue.js 3.x前端开发实践
【愚公系列】《循序渐进Vue.js 3.x前端开发实践》072-商业项目：电商后台管理系统实战（财务管理与数据统计功能模块开发）
div class="input-tip"> 商品名称:

用户名称:

手机号码:

订单类型:

平台单号:
<div class="<em>input-field</em>
32610编辑于 2025-06-03

来自专栏THUNDER王——CSDN内容同步

【HTML | CSS | JS】耗时一下午，整理出了一个精美的响应式登陆注册表单（附源码）

<input type="text" minlength="4" class="<em>input-field</em> <input type="text" minlength="4" class="<em>input-field</em> ="input-wrap"> <input type="email" class="<em>input-field</em> color: #8371fd; } .input-wrap { position: relative; height: 37px; margin-bottom: 2rem; } .<em>input-field</em> JAVASCRIPT源码复制如下源码粘贴到<script></script>标签之间 const inputs = document.querySelectorAll(".input-field"

1.5K20编辑于 2023-03-09

来自专栏前端达人

在 React 表单开发时，有时没有必要使用State 数据状态

form-div">

Form With State

Form Without State

<div className="<em>input-field</em>

1.5K30编辑于 2023-09-25

来自专栏程序员

北京养老金计算公式网页实现案例：从需求分析到架构设计

border-radius: 8px; padding: 10px 12px; transition: all 0.2s; } .input-field class="input-label">缴费年限（年）</label> <input type="number" id="paymentYears" class="<em>input-field</em> input-label">个人账户储存额（元）</label> <input type="number" id="personalAccount" class="<em>input-field</em> class="input-label">退休年龄</label> <input type="number" id="retirementAge" class="<em>input-field</em> >1992-1998年实际缴费年限（年）</label> <input type="number" id="actualPaymentYears" class="<em>input-field</em>

53200编辑于 2025-07-22

来自专栏小鑫同学编程历险记

Angular17 使用 ngx-formly 动态表单

) ); }, } PS：过滤指定的 field 和 type 缩小监听结果的范围；创建自定义 Types 自定义 type 需要创建一个继承自 FieldType 的组件； # input-field ng g c types/input-field --skip-tests --skip-import 组件的模板可以是简单的 input 组件： <input type="input" nz-input [formControl]="formControl" [formlyAttributes]="field" /> 接着将常见的 input-field 组件注册到 FormlyModule.types ： FormlyModule.forRoot({ types: [{ name: 'input-field', component: InputFieldComponent }], }) 最后将其中一个 input 类型的字段配置调整 type 为 input-field： { type: 'input-field' } PS：注意导入 NzInputModule 模块；创建自定义 Wrapper

2.8K10编辑于 2024-01-08

来自专栏AlbertYang的编程之路

设计模式(10)[JS版]-JavaScript如何实现组合模式？？？

this.element = document.createElement('div'); this.element.id = id; this.element.className = 'input-field this.element = document.createElement('div'); this.element.id = id; this.element.className = 'input-field this.element = document.createElement('div'); this.element.id = id; this.element.className = 'input-field

1.4K41发布于 2020-09-08

来自专栏从0开始学Go

用 CodeBuddy 一键生成“水波纹按钮”，连 CSS 动画都不用自己写了！

input-container { position: relative; margin: 15px 0; } .input-field transition: border-color 0.3s ease; outline: none; } .input-field

<input type="text" class="<em>input-field</em> }); }); // 输入框聚焦效果 document.querySelectorAll('.<em>input-field</em>

30810编辑于 2025-07-04

来自专栏繁依Fanyi 的专栏

打造一个颜值爆表的 BMI 计算器

input-icon"></text> <input v-model="height" type="number" placeholder="请输入身高" class="<em>input-field</em>

33800编辑于 2025-02-19

来自专栏终身学习者

如何在 Vue 中使用 JSX 以及使用它的原因

render (createElement) { const inputAttributes = { class: 'input-field has-outline', //

4.9K10发布于 2020-05-12

HTML Input 属性

22510编辑于 2025-08-01

来自专栏salesforce零基础学习

Salesforce LWC学习(四十六) record-picker组件浅谈

创建custom lookup component来支持；通过 lightning-record-edit-form搭配 lightning-input-field，input-field字段绑定着lookup

60110编辑于 2024-01-09

来自专栏Cellinlab's Blog

React 应用架构实战 0x2：构建和文档化组件

/input-field"; # Link src/components/link/link.tsx: import React, { ReactNode } from "react"; import

1.3K10编辑于 2023-05-17

来自专栏《活动征集》

CodeBuddy IDE：全球首个产设研一体 AI 全栈高级工程师平台，开启开发新篇章!

假设设计稿中包含一个文本框，平台自动生成的 CSS 代码会确保其在不同屏幕尺寸下都能正确显示： /* 针对桌面设备 */ .input-field { width: 50%; margin : 0 auto; padding: 10px; } /* 针对手机设备 */ @media (max-width: 600px) { .input-field { width

1.1K11编辑于 2025-07-24

来自专栏萝卜大杂烩

Tkinter 入门之旅

tkinter.Label(window, text = "Username").grid(row = 0) # this is placed in 0 0 # 'Entry' is used to display the input-field

8.5K40发布于 2021-11-08

第 2 页

【愚公系列】《循序渐进Vue.js 3.x前端开发实践》071-商业项目：电商后台管理系统实战（店长管理模块的开发）

【经典】星空主题的注册界面HTML,CSS,JS

注册账号

【愚公系列】《循序渐进Vue.js 3.x前端开发实践》070-商业项目：电商后台管理系统实战（商品管理模块的开发）

【HTML | CSS | JAVASCRIPT】耗时一下午，整理出了一个精美的响应式登陆注册表单（附源码）

【HTML | CSS | JAVASCRIPT】一款可交互的响应式登陆注册表单，你确定不来看看嘛（附源码）

登录

【愚公系列】《循序渐进Vue.js 3.x前端开发实践》069-商业项目：电商后台管理系统实战（订单管理模块的开发）

【愚公系列】《循序渐进Vue.js 3.x前端开发实践》072-商业项目：电商后台管理系统实战（财务管理与数据统计功能模块开发）