下面是代碼。開始裝飾不會出現在文本欄位中。此外,標簽不顯示任何文本。
<InputLabel>Mobile Number</InputLabel>
<OutlinedInput
variant="outlined"
autoComplete="outlined"
name="name"
required
fullWidth
label="Enter Mobile Number"
autoFocus
inputProps={{
maxLength: 10,
}}
InputProps={{
startAdornment: (
<InputAdornment position="start"> 1 </InputAdornment>
),
}}
/>

uj5u.com熱心網友回復:
將 TextField 用于 startAdorment 并洗掉 inputlabel 并將您想要的標簽作為道具傳遞到 TextField 中:
<TextField
variant="outlined"
autoComplete="outlined"
name="name"
required
fullWidth
label="Enter Mobile Number"
autoFocus
InputProps={{
startAdornment: (
<InputAdornment position="start"> 1 </InputAdornment>
),
}}
/>
或者,如果您想使用 OtlinedInput,您可以將其作為 props 傳遞:
startAdornment={
<InputAdornment position="start">
<AccountCircle />
</InputAdornment>
}
轉載請註明出處,本文鏈接:https://www.uj5u.com/caozuo/395560.html
標籤:javascript 反应 材质-ui
