hoe maak ik een textarea met fopen?

Beste Forumleden,

Hoe maak ik een met een "zend" knop dat een ander file aanpast?<br/>Ik weet dat dit met fopen gaat maar me ervaring is daar niet al te groot in.<br/>Hopelijk kunnen jullie me helpen.<br/><br/>Met vriendelijke groeten,<br/><br/>Bradley </p> <div class="h-[calc(0.75rem_-_1px)] relative text-gray-300 !mt-2 sm:!mt-3"> <div class="absolute left-0 h-[0.75rem] w-[calc(7%_+_1px)] border-b border-current"></div> <div class="absolute left-[7%] bottom-0 h-[0.75rem] w-[0.75rem] border-t border-l border-current rotate-45 translate-y-[calc(0.375rem)] translate-x-[calc(0.155rem_+_1px)]" > </div> <div class="absolute right-0 h-3 w-[calc(93%_-_1.06rem)] border-b border-current"></div> </div> <div> <div class="stack-x space-x-3 justify-between | text-xs "> <div class="stack-x space-x-3 sm:space-x-4"> <span class="icon default-avatar | w-10 h-10 text-current"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 1000 1000"><path d="M599.8 375.6c-10.2 0-22.6 2.5-37.1 5.3-18.7 3.8-39.9 8-62.8 8-22.8 0-44-4.2-62.7-8-14.4-2.8-26.8-5.3-37-5.3-11.9 0-28.3 0-28.3 51.1 0 85.7 39.6 172.1 128 172.1S628 512.4 628 426.7c.1-51.1-16.3-51.1-28.2-51.1zM500 557.2c-44.2 0-57.2-42.9-57.2-42.9h114.3c.1 0-12.9 42.9-57.1 42.9zm-65.5 48v71.1c39.2 17.9 84.6 17.8 123.6 0v-67.1c-17.6 8.4-37 13.2-58.1 13.2-24.1 0-46-6.3-65.5-17.2z"/><path d="M500 10C229.4 10 10 229.4 10 500s219.4 490 490 490 490-219.4 490-490S770.6 10 500 10zM264.6 757.3s51.8-55.6 146.4-80.1v-43.6h-79.1c0-137.9-19.5-160.8-19.5-206.9 0-101.5 61.8-183.9 187.6-183.9 125.7 0 187.6 82.4 187.6 183.9 0 49.1-19.4 72.5-19.4 206.9h-86.6v41.9c99.1 23.5 153.8 81.8 153.8 81.8H264.6z"/></svg></span> <div class="stack-y space-y-0 justify-center"> <div class="text-wrap"> <span class="italic text-current opacity-70">Verwijderde gebruiker</span> <span class="!ml-1"> </span> </div> <div class="opacity-light"> 11 jaar geleden </div> <div> <span class="opacity-light">in: </span> <a href="/v/computers-internet/programmeren/" class="text-primary">Programmeren</a> </div> </div> </div> <div class="stack-x items-center | min-w-fit last:children:!-mr-2.5"> <div class="stack-x space-x-2.5 | min-w-fit text-xs text-gray-600 p-2.5"> <div class="inline-block sm:hidden"> <span>10.8K</span> </div> <div class="hidden sm:inline-block !ml-0"> <span> 10.8K keer bekeken </span> </div> <span aria-hidden="true" class="icon aligned inline-block icon-2.5xl" > <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" style="fill:none;stroke:currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.2" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0z"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/></svg> </span> </div> <button class="block-footer-button min-w-fit children:active:opacity-80" x-on:click="commentsOpened=!commentsOpened ; $dispatch('comments-open', commentsOpened)" > <div class="stack-x space-x-2.5"> <span class="hidden sm:inline-block"> 0 </span> <span class="inline-block sm:hidden !ml-0"> 0 </span> <span aria-hidden="true" class="icon aligned inline-block icon-2.5xl cursor-pointer" > <svg xmlns="http://www.w3.org/2000/svg" style="fill:none;stroke:currentColor" width="24" height="24" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M21 12c0 4.418-4.03 8-9 8a9.862 9.862 0 0 1-4.255-.95L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8Z"/></svg> </span> </div> </button> <div class="relative !-ml-2.5" x-data="Dropdown" @keydown.escape.prevent.stop="close($refs.button)" @focusin.window="! $refs.panel.contains($event.target) && close()" x-id="['dropdown']" > <button class="more-button w-9 h-9 py-1.5 " type="button" title="Meer" x-ref="button" :aria-expanded="open" :aria-controls="$id('dropdown')" @click.prevent="toggle()" > <span aria-hidden="true" class="icon inline-block box-content px-3 w-6 h-6" > <svg xmlns="http://www.w3.org/2000/svg" width="16" height="24" viewBox="0 0 16 24"><path d="M8 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2Zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"/></svg> </span> </button> <div class="absolute -right-3 -bottom-3" x-show="open" x-cloak > <div class="more-dropdown-content dropdown-arrow-top absolute right-2 min-w-max py-1.5 bg-white text-sm border border-gray-200 rounded-sm shadow-lg z-50" x-ref="panel" :id="$id('dropdown')" @click.outside="close($refs.button)" > <ul x-data="{ ...QuestionDropdownPanel(), 'UserInfo': UserInfo() }" > <li> <a class="stack-x | w-full py-1.5 px-5 text-gray-800 hover:bg-gray-50 transition-[background-color] duration-150 ease-out" href="https://www.facebook.com/sharer.php?u=https://www.startpagina.nl/v/computers-internet/programmeren/vraag/465637/textarea-fopen//&caption=Startpagina%20Goeievraag" target="_blank" x-show="!isMobileOrTablet" > <span class="grow inline-block text-left text-sm select-none">Deel op Facebook</span> <span aria-hidden="true" class="icon inline-block w-5 h-5 ml-4 text-gray-500" > <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M22 12c0-5.52-4.48-10-10-10S2 6.48 2 12c0 4.84 3.44 8.87 8 9.8V15H8v-3h2V9.5C10 7.57 11.57 6 13.5 6H16v3h-2c-.55 0-1 .45-1 1v2h3v3h-3v6.95c5.05-.5 9-4.76 9-9.95z"/></svg> </span> </a> </li> <li> <a class="stack-x | w-full py-1.5 px-5 text-gray-800 hover:bg-gray-50 transition-[background-color] duration-150 ease-out" href="https://twitter.com/share?text=hoe maak ik een textarea met fopen?&hashtags=dtv&url=https://www.startpagina.nl/v/computers-internet/programmeren/vraag/465637/textarea-fopen/" target="_blank" x-show="!isMobileOrTablet" > <span class="grow inline-block text-left text-sm select-none">Deel op Twitter</span> <span aria-hidden="true" class="icon inline-block w-5 h-5 ml-4 text-gray-500" > <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M22.46 6c-.77.35-1.6.58-2.46.69.88-.53 1.56-1.37 1.88-2.38-.83.5-1.75.85-2.72 1.05C18.37 4.5 17.26 4 16 4c-2.35 0-4.27 1.92-4.27 4.29 0 .34.04.67.11.98C8.28 9.09 5.11 7.38 3 4.79c-.37.63-.58 1.37-.58 2.15 0 1.49.75 2.81 1.91 3.56-.71 0-1.37-.2-1.95-.5v.03c0 2.08 1.48 3.82 3.44 4.21a4.22 4.22 0 0 1-1.93.07 4.28 4.28 0 0 0 4 2.98 8.521 8.521 0 0 1-5.33 1.84c-.34 0-.68-.02-1.02-.06C3.44 20.29 5.7 21 8.12 21 16 21 20.33 14.46 20.33 8.79c0-.19 0-.37-.01-.56.84-.6 1.56-1.36 2.14-2.23z"/></svg> </span> </a> </li> <li> <a class="stack-x | w-full py-1.5 px-5 text-gray-800 hover:bg-gray-50 transition-[background-color] duration-150 ease-out" href="https://api.whatsapp.com/send?text=https://www.startpagina.nl/v/computers-internet/programmeren/vraag/465637/textarea-fopen/" target="_blank" x-show="! isMobileOrTablet" > <span class="grow inline-block text-left text-sm select-none">Deel op WhatsApp</span> <span aria-hidden="true" class="icon inline-block w-5 h-5 ml-4 text-gray-500" > <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="24" height="24" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0z"/><path d="M19.05 4.91A9.816 9.816 0 0 0 12.04 2c-5.46 0-9.91 4.45-9.91 9.91 0 1.75.46 3.45 1.32 4.95L2.05 22l5.25-1.38c1.45.79 3.08 1.21 4.74 1.21 5.46 0 9.91-4.45 9.91-9.91 0-2.65-1.03-5.14-2.9-7.01zm-7.01 15.24c-1.48 0-2.93-.4-4.2-1.15l-.3-.18-3.12.82.83-3.04-.2-.31a8.264 8.264 0 0 1-1.26-4.38c0-4.54 3.7-8.24 8.24-8.24 2.2 0 4.27.86 5.82 2.42a8.183 8.183 0 0 1 2.41 5.83c.02 4.54-3.68 8.23-8.22 8.23zm4.52-6.16c-.25-.12-1.47-.72-1.69-.81-.23-.08-.39-.12-.56.12-.17.25-.64.81-.78.97-.14.17-.29.19-.54.06-.25-.12-1.05-.39-1.99-1.23-.74-.66-1.23-1.47-1.38-1.72-.14-.25-.02-.38.11-.51.11-.11.25-.29.37-.43s.17-.25.25-.41c.08-.17.04-.31-.02-.43s-.56-1.34-.76-1.84c-.2-.48-.41-.42-.56-.43h-.48c-.17 0-.43.06-.66.31-.22.25-.86.85-.86 2.07 0 1.22.89 2.4 1.01 2.56.12.17 1.75 2.67 4.23 3.74.59.26 1.05.41 1.41.52.59.19 1.13.16 1.56.1.48-.07 1.47-.6 1.67-1.18.21-.58.21-1.07.14-1.18s-.22-.16-.47-.28z"/></svg> </span> </a> </li> <li> <button class="stack-x | w-full py-1.5 px-5 text-gray-800 hover:bg-gray-50 transition-[background-color] duration-150 ease-out" @click="shareOnMobileOrTablet('https://www.startpagina.nl/v/computers-internet/programmeren/vraag/465637/textarea-fopen/', 'hoe maak ik een textarea met fopen?', 'Startpagina Goeievraag') && close();" x-show="isMobileOrTablet" > <span class="grow inline-block text-left text-sm select-none">Delen</span> <span aria-hidden="true" class="icon inline-block w-5 h-5 ml-4 text-gray-500" > <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor"><path fill="none" d="M0 0h24v24H0z"/><path d="M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92 1.61 0 2.92-1.31 2.92-2.92s-1.31-2.92-2.92-2.92z"/></svg> </span> </button> </li> <input type="hidden" name="csrfmiddlewaretoken" :value="window.appConfig.csrf_token" /> </ul> </div> </div> </div> </div> </div> <div class="!mt-4" x-cloak x-show="commentsOpened==true" @open-comments.window="commentsOpened=true"> <div x-data="{ 'UserInfo': UserInfo() }" > <div class="stack-y space-y-3 mb-4"> </div> <p class="ml-14 mb-3 text-xs italic"> Heb je meer informatie nodig om de vraag te beantwoorden? Reageer dan hier. </p> <div class="mb-1" id="addComment"> <div class="stack-x space-x-3 items-center | relative" x-data="AddComment" > <div class="min-w-fit"> <img class="w-10 h-10 rounded-full" aria-hidden="true" :src="UserInfo.avatarUrl" x-show="UserInfo.avatarUrl" > <span class="icon default-avatar | w-10 h-10 text-current" x-show="!UserInfo.avatarUrl" > <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 1000 1000"><path d="M599.8 375.6c-10.2 0-22.6 2.5-37.1 5.3-18.7 3.8-39.9 8-62.8 8-22.8 0-44-4.2-62.7-8-14.4-2.8-26.8-5.3-37-5.3-11.9 0-28.3 0-28.3 51.1 0 85.7 39.6 172.1 128 172.1S628 512.4 628 426.7c.1-51.1-16.3-51.1-28.2-51.1zM500 557.2c-44.2 0-57.2-42.9-57.2-42.9h114.3c.1 0-12.9 42.9-57.1 42.9zm-65.5 48v71.1c39.2 17.9 84.6 17.8 123.6 0v-67.1c-17.6 8.4-37 13.2-58.1 13.2-24.1 0-46-6.3-65.5-17.2z"/><path d="M500 10C229.4 10 10 229.4 10 500s219.4 490 490 490 490-219.4 490-490S770.6 10 500 10zM264.6 757.3s51.8-55.6 146.4-80.1v-43.6h-79.1c0-137.9-19.5-160.8-19.5-206.9 0-101.5 61.8-183.9 187.6-183.9 125.7 0 187.6 82.4 187.6 183.9 0 49.1-19.4 72.5-19.4 206.9h-86.6v41.9c99.1 23.5 153.8 81.8 153.8 81.8H264.6z"/></svg> </span> </div> <form id="addCommentForm" method="post" action="/v/programmeren/465637/textarea-fopen/comment/" class="grow stack-x space-x-2 items-center" x-ref="form" > <textarea name="text" placeholder="Voeg een reactie toe..." maxlength="5000" rows="1" class="grow ml-1 h-9 w-40 py-1.5 border border-gray-300 rounded-md overflow-hidden" x-validate.silent="required, minLength:10" x-auto-grow> Voeg reactie toe