I have a form that has a filename input for a user. To make it easy, I was thinking to autofill the .pptx part in the field and when they click on it, it puts the cursor at the front and only allows them to type there. Not sure if there is an angular thing for this or if it's more of a general typescript question.
#How to have uneditable file extension in end of input of ngForm that only allows typing before it?
dim stone
undone knot
<input type="text" placeholder="type the file name without extension here" />.pptx
?
I.e. you're overthinking this. All you need is an input where the user types a file name without extension.
dim stone
hmm. fair enough. I think I was trying to be overly fancy with it
undone knot
Bootstrap has css for this kind of thing. they're called input groups. https://getbootstrap.com/docs/5.3/forms/input-group/#basic-example