ชนิดแป้นพิมพ์และข้อความตัวอย่าง
กำหนดค่าแป้นพิมพ์ ข้อความแนะนำ และพฤติกรรมการส่ง
ชนิดแป้นพิมพ์และข้อความตัวอย่าง เป็นบทเรียน SwiftUI Academy ฟรีบน CoddyKit นี่คือบทเรียนที่ 2 จากทั้งหมด 4 บทเรียน คุณสามารถอ่านบทเรียนทั้งหมดด้านล่างฟรี — จากนั้นลองปฏิบัติด้วยตัวคุณเองในเบราว์เซอร์พร้อมตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7 บทเรียนนี้เป็นส่วนหนึ่งของเส้นทางการเรียน SwiftUI Academy และความก้าวหน้าของคุณจะซิงค์ข้ามเว็บและแอป CoddyKit คอร์ส SwiftUI Academy มีบทเรียนทั้งหมด 4 บทเรียน
บางส่วนของบทเรียนนี้ยังไม่ได้รับการแปล และแสดงเป็นภาษาอังกฤษ
Shape the Input
A bare TextField accepts anything. With a few modifiers you can shape the keyboard, the hint, and what happens on submit. ⌨️
Choosing a Keyboard
The keyboardType modifier picks which on-screen keyboard appears. An email field deserves the email layout, not the full alphabet.
TextField("Email", text: $email)
.keyboardType(.emailAddress)Numbers Only
Asking for a phone or amount? Use .numberPad or .decimalPad so users get a clean number keyboard with no letters in the way.
TextField("Age", text: $age)
.keyboardType(.numberPad)Placeholder vs Prompt
The first string argument is the placeholder, the gray hint shown while the field is empty. It guides users without taking up extra space.
TextField("Search recipes", text: $query)A Separate Prompt
You can also pass a prompt as its own argument. This keeps the visible label and the placeholder hint as two distinct pieces of text.
TextField("City", text: $city,
prompt: Text("e.g. Tokyo"))Capitalization Control
Use textInputAutocapitalization to decide how the keyboard capitalizes. Set it to .never for usernames so nothing is auto-uppercased.
TextField("Username", text: $user)
.textInputAutocapitalization(.never)Turning Off Autocorrect
For codes, handles, or URLs, autocorrect gets in the way. Add autocorrectionDisabled to let users type exactly what they mean.
TextField("Handle", text: $handle)
.autocorrectionDisabled()The Return Key Label
The submitLabel modifier changes the keyboard return key text. Use .search, .done, or .next to match what the field actually does.
TextField("Search", text: $query)
.submitLabel(.search)Reacting to Submit
The onSubmit modifier runs your code when the user taps return. It is the perfect place to start a search or move focus.
TextField("Search", text: $query)
.onSubmit { runSearch() }Stack the Modifiers
These modifiers chain freely. Combine keyboard type, capitalization, and submit label on one field to craft exactly the input you want.
Small Details, Big Polish
The right keyboard and a clear prompt feel effortless to users. These tiny touches are what make an app feel professional. ✨
Quick Check
Which modifier changes the keyboard that appears for a TextField?
Recap
You tuned a field with keyboardType, prompts, capitalization, and onSubmit. Small modifiers turn a plain box into thoughtful, friendly input. 🎉
เรียนรู้ Swift ด้วย AI tutor — ฟรี
เขียนและเรียกใช้โค้ดจริงในเบราว์เซอร์ของคุณ รับความช่วยเหลือทันทีจาก AI tutor 24/7 และเรียนรู้ต่อจากที่คุณหยุดบนเว็บหรือในแอป
- คอร์ส
- 30
- บทเรียน
- 120
คำถามที่พบบ่อย
บทเรียน “ชนิดแป้นพิมพ์และข้อความตัวอย่าง” ฟรีหรือไม่
ใช่ — ข้อความเต็มของ “ชนิดแป้นพิมพ์และข้อความตัวอย่าง” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7) และปลดล็อคส่วนที่เหลือของคอร์ส SwiftUI Academy ให้อัปเกรดเป็น CoddyKit PRO คอร์ส SwiftUI Academy มีบทเรียนทั้งหมด 4 บทเรียน
คุณจะเรียนรู้อะไรในบทเรียน “ชนิดแป้นพิมพ์และข้อความตัวอย่าง”
กำหนดค่าแป้นพิมพ์ ข้อความแนะนำ และพฤติกรรมการส่ง คุณปฏิบัติ SwiftUI Academy ด้วยโค้ดที่ใช้งานได้จริงที่คุณเรียกใช้โดยตรงในเบราว์เซอร์ และติวเตอร์ AI ตลอด 24/7 ตอบคำถามของคุณขณะที่คุณไปผ่านบทเรียน
คุณต้องมีประสบการณ์ก่อนที่จะเริ่มเรียน SwiftUI Academy หรือไม่
ไม่จำเป็นต้องมีประสบการณ์มาก่อน SwiftUI Academy บน CoddyKit ออกแบบมาสำหรับผู้เริ่มต้นไปจนถึงผู้เรียนขั้นสูง คุณสามารถเริ่มต้นที่นี่หรือเริ่มจากตัวแรกและเรียนด้วยความเร็วของคุณเอง นี่คือบทเรียนที่ 2 จากทั้งหมด 4 บทเรียน
บทเรียน “ชนิดแป้นพิมพ์และข้อความตัวอย่าง” ใช้เวลานานแค่ไหน
บทเรียน CoddyKit ส่วนใหญ่ใช้เวลาประมาณ 5–10 นาที แต่ละบทเรียนจึงสั้นและเป็นแบบโต้ตอบ คุณสามารถก้าวหน้าอย่างต่อเนื่องและกลับมาเรียนต่อจากตรงที่เพิ่งหยุดบนเว็บและแอปได้เลย
ฉันเขียนและรันโค้ดในบทเรียน SwiftUI Academy นี้ได้ไหม
ได้ บทเรียน SwiftUI Academy ทุกบทมีตัวแก้ไขโค้ดในตัว คุณจึงเขียนและรันโค้ดจริงได้เลยในเบราว์เซอร์ และได้รับข้อเสนอแนะจาก AI ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ
บทเรียนทั้งหมดในหลักสูตรนี้
- การผูก TextField กับสถานะ
- ชนิดแป้นพิมพ์และข้อความตัวอย่าง
- SecureField สำหรับรหัสผ่าน
- การตรวจสอบข้อมูลนำเข้าแบบสด